jquery - 如何找到相对于其父元素的元素位置以使其滚动可见

Question

我有一个 div，里面有很多元素，还有 overflow:scroll。然后我希望能够 ScrollView 中的第 n 个元素。我给它设置了一个 fiddle ，但我找不到表达式来获取元素相对于父元素的位置。

http://jsfiddle.net/bortao/NXcTK/

我尝试了 el.position().top 和 el.offset().top 但它们不起作用。

注意:h/2 使元素位于 div 的中间。

Answer 1

好的，明白了...只需将当前的scrollTop() 添加到其中即可。

http://jsfiddle.net/bortao/NXcTK/1/

var cont = $("#container");
var el = $(cont[0].children[index]);
var h = cont.height() / 2;
var elementTop = el.position().top;
var pos = cont.scrollTop() + elementTop - h;
cont.animate({scrollTop: pos});