我有一个包含大量项目的div.我通过单击按钮动态选择这些项目,在我的情况下溢出是自动的.我想要的是当选择一个不可见的项目来滚动div以便可见时.我怎样才能做到这一点？
解决方法
您可以使用
HTMLElement的
scrollTop属性来设置其内容滚动的数量.
并且您可以从要滚动的元素的offsetTop处获得所需的数量.
例如,使用此HTML：
<div id="container"> <p id="item-1">foo</p> <p id="item-2">bar</p> <p id="item-3">baz</p> </div>
您可以使用此JavaScript将容器div滚动到第三段：
document.getElementById("container").scrollTop = document.getElementById("item-3").offsetTop;
