javascript - 如何让容器滚动到元素

Question

我有一个容器，里面有一大堆文本，我想自动滚动到该容器中的各种元素。我可以使用 jQuery 为容器设置动画以很好地滚动一定距离，但是我在确定该距离是多少时遇到了很多麻烦。

我看到的大多数提示都建议使用 .offset().top 属性来获取该距离，但在这种情况下这不起作用。 Have a look at this jsfiddle for an example.

注意: fiddle 的目标段落标签是容器的直接子级，但我不想依赖它。我希望能够为任何元素获取正确的滚动距离，无论它们嵌套的深度如何。

Answer 1

尝试使用这个:

var pOffset = $("#lipsum").scrollTop();
pOffset = pOffset + $("#lipsum p.active").position().top; 

.scrollTop() 给出DIV当前的滚动位置，加上P元素的位置即可滚动。