DIV自动滚动

Question

我有一个包含大量项目的div.我通过单击按钮动态选择这些项目,在我的情况下溢出是自动的.我想要的是当选择一个不可见的项目来滚动div以便可见时.我怎样才能做到这一点？

Answer 1

您可以使用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;

Answer 2

另一种选择是使用jQuery和插件ScrollTo.