Javascript 滚动到可滚动容器div内的元素不工作

Javascript 滚动到可滚动容器div内的元素不工作,javascript,jquery,Javascript,Jquery,我想滚动到以下容器中的元素(.list view items) <div id='list-view'> <ul> <li class='list-view-item'> ... </li> ... </ul> </div> #list-view { height: 100%; border-right: 1px dotted @gray; display: flex

我想滚动到以下容器中的元素(.list view items)

<div id='list-view'>
  <ul>
    <li class='list-view-item'>
      ...
    </li>
    ...
  </ul>
</div>

#list-view {
  height: 100%;
  border-right: 1px dotted @gray;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

#list-view ul {
  position: relative;
  overflow: scroll;
  list-style-type: none;
  padding: 0px;
}

但是在使用jQuery时不会发生任何事情,scrollTop是一种方法,因此需要将该值设置为参数


$(“#列表视图ul”)。scrollTop(1000)

您需要更改CSS,为两个元素添加高度,并将
溢出:滚动
添加到父元素


参阅./P>如果它解决了你的问题,你可能想考虑把这个答案标记为正确=)

$('#list-view ul').scrollTop = 1000