I am using ScrollIntoView()
to scroll the highlighted item in a list into view.
When I scroll downwards ScrollIntoView(false)
works perfectly.
But when I scroll upwards, ScrollIntoView(true)
is causing the whole page to move a little which I think is intended.
Is there a way to avoid the whole page move when using ScrollIntoView(true)
?
Here is the structure of my page
#listOfDivs {
position:fixed;
top:100px;
width: 300px;
height: 300px;
overflow-y: scroll;
}
<div id="container">
<div id="content">
<div id="listOfDivs">
<div id="item1"> </div>
<div id="item2"> </div>
<div id="itemn"> </div>
</div>
</div>
</div>
listOfDivs
is coming from ajax call. Using mobile safari.