Question

我有一个正在使用overflow: auto滚动的div和CSS中的设置高度。我有一个按钮，想要点击并使div稍微向上滚动。我尝试过使用animate和scrollTop，但都没有用过。

我该怎么做？

Answer 1

以下JavaScript / jQuery允许您逐步滚动包含overflow:auto的div：

// 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/

用jquery滚动div

1 个答案: