ScrollIntoView（） 导致整个页面移动

我正在使用ScrollIntoView（）将列表中突出显示的项目滚动到视图中。当我向下滚动时，ScrollIntoView（false）可以完美地工作。但是当我向上滚动时，ScrollIntoView（true）会导致整个页面移动一点，我认为这是有意的。有没有办法在使用ScrollIntoView（true）时避免整个页面移动？

这是我的页面结构 -

#listOfDivs {
  position:fixed;
  top:100px;
  width: 300px;
  height: 300px;
  overflow-y: scroll;
}

<div="container">
    <div="content"> 
         <div id="listOfDivs"> 
             <div id="item1"> </div>
             <div id="item2"> </div>
             <div id="itemn"> </div>
         </div>
    </div>
</div>

listOfDivs 来自 ajax 调用。使用移动野生动物园。