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

Question

我想滚动到以下容器

中的元素（.list-view-items）

accounts

我尝试使用

在chrome devtools中手动滚动

<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;
}

但没有任何反应

Answer 1

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

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

Answer 2

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

请参阅this demo。