jquery - 用jquery滚动div

Question

我有一个 div 目前正在使用overflow: autoCSS 中的和设置的高度滚动。我有一个按钮，想要单击并使 div 稍微向上滚动。我试过使用 animate 和 scrollTop ，但都没有奏效。

我怎样才能做到这一点？

Answer 1

下面的 JavaScript/jQuery 将允许你逐渐滚动一个 div overflow:auto：

// The <div> with (overflow:auto)
var scrollBox = $("#leDiv");

// height of the scrollable area
var boxHeight = scrollBox.height();

// height of the scrollable content
var contentHeight = scrollBox[0].scrollHeight;

$('#scrollButton').click(function() {

    // Get the current position of the scroll
    var currentPos = scrollBox.scrollTop();

    // Dont scroll if were at the top    
    if (currentPos <= 0) {
        currentPos = 0;
    } else {
        scrollBox.animate({
            scrollTop: currentPos - 80
        }, 600);
    }
});​

工作示例：http: //jsfiddle.net/B5sR9/4/