left column scrool

by Ishank Dubey

HTML

<div id='myDiv'>
<div id='child'>Test</div>
<div id='child2'>Test</div>
<div id='child3'>Test</div>
</div>

<div id='myDiv1'>
Test1
</div>

CSS

body,html{
  margin:0px;
  width:100%;
  max-height:100%;
}
#myDiv{
    height:250px;
    width:250px;
    overflow:auto;
    background-color:red;
    display:inline-block;
    float:left;
}
#myDiv1{
  height:200px;
  width:250px;
  display:inline-block;
  float:left;
  background-color:coral;
}
#child, #child2,#child3{
    height:100px;
    width:500px;
    background-color:blue;
}
#child2{
  background-color:yellow;
}
#child3{
  background-color:orange;
}

JavaScript

document.getElementById("child3").scrollIntoView();