用jquery滾動div

Question

我有一個div，當前使用overflow: auto和CSS中的設置高度滾動。我有一個按鈕，並希望點擊並使div向上滾動。我試過使用動畫和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/