javascript – DIV自动滚动

我有一个包含大量项目的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;

原文地址：https://www.jb51.cc/js/155785.html