Javascript 滚动到可滚动容器div内的元素不工作
我想滚动到以下容器中的元素(.list view items)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
<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