OuterInnerDiv

by Irakli Bardavelidze

HTML

<section id="mySection">
  <div>foo 1</div>
  <div>foo 2</div>
  <div>foo 3</div>
  <div>foo 4</div>
  <div>foo 5</div>
  <div>foo 6</div>
  <div>foo 7</div>
  <div>foo 8</div>
  <div>foo 9</div>
</section>

CSS

section {
  border: 1px solid gray;
  
  overflow-y: scroll;
  max-height: 50px;
  scrollbar-color: #28071974 #19740319;
}

JavaScript

document.getElementById('mySection').scrollTop = 50