javascript - 滚动到溢出滚动 div 中的事件元素

Question

我有一个关于 .scrollTop 的具体问题。我有一个 div 具有特定的 height 并且里面有很多 p 标签:

<div id="scroll">
   <p>name1</p>
   <p>name2</p>
   <!-- till name50 -->
</div>

根据您单击的名称，它会获得一个类 .active。然后我想做的是滚动 div，使名称位于顶部。所以我得到的是我可以在这样的动画函数中使用 scrollTop:

$('#scroll').animate({scrollTop: value });

但是我怎样才能得到 var 值。我试过

var value = $('#scroll p').hasClass('active').position().top;

但不知何故它不起作用。

非常感谢一些帮助。

Answer 1

您需要检查容器 #scroll 的 scrollTop() 并将其添加回 position() arg。

var $scroll = $('#scroll');

$('p').click(function(e){
    var $this = $(this);
    $scroll.animate({
        "scrollTop": $this.position().top + $scroll.scrollTop()
    }, 1000);
});

http://jsfiddle.net/yCEap/1/

只获取值:

var value = $('#scroll').scrollTop();