javascript - 单击 anchor 时滚动 div 30px

Question

单击 anchor 时，使用 overflow:auto 滚动 div 特定像素或特定百分比的最佳方法是什么？ HTML 非常简单:

<style>
#container{
height:250px;
overflow:auto;
</style>

<div id="container">
<p>Lots of Content</p>
</div>

<a href="#" id="scrolldiv">Scroll Down</a>

当我单击上面的 anchor 时，我想将该 div 滚动到一定数量的像素之上，比如 30 像素。我希望 jQuery 有一些内置的东西可以让这变得简单。

Answer 1

$('#scrolldiv').click(function(e){
    var current = $('#container').scrollTop();
    $('#container').scrollTop(current + 30);
    e.preventDefault();
});​

jsFiddle