javascript - DIV 自动滚动

Question

我有一个包含大量项目的 div。我通过单击按钮动态选择这些项目，在我的情况下溢出是自动的。 What I want is that when an item that is not visible is selected to scroll the div so that can be visible.我该怎么做？

Answer 1

您可以使用 scrollTop HTMLElement 的属性以设置其内容滚动的数量。

并且您可以从 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;