jquery - jqueryでdivをスクロールする

Question

overflow: autoCSS で設定された高さを使用して現在スクロールしている div があります。ボタンがあり、クリックして 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/