滚动到可滚动容器div中的元素不起作用

Question

我想滚动到以下容器中的元素（.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;
}

我尝试使用chrome devtools手动滚动

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

但是什么也没发生

Answer 1

使用jQuery时，scrollTop是一种方法，因此您需要将值设置为参数

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

Answer 2

您需要更改CSS，为两个元素都增加高度，并向父元素添加overflow:scroll 。

看到这个演示 。