Question

使用溢出滚动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>

当我点击上面的锚点时，我想将该div放在一定数量的像素之上，比如30px。我希望jQuery内置一些简单的东西。

Answer 1

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

jsFiddle

Answer 2

为此，我会使用jQuery's animate：

$('#scrolldiv').click(function(){
    $('#container').animate({scrollTop: '+=30'});
});

我相信它有最短的语法，看起来不错。

jsFiddle example

单击锚点时滚动div 30px

2 个答案: