如何獲得特定div的滾動方向

Question

我的頁面有一個名爲#product的div。當用戶在#product div中滾動時，我需要填寫進度條。我怎樣才能使用jQuery來做到這一點。謝謝。

if (/* page scroll to #product div */){ 
var scrolled = ??? //percentage of scroll on div 
} 

Answer 1

你可以得到當前滾動位置與此：

currentScroll = $(this).scrollTop() + $(this).innerHeight() 

其中100％的滾動是：

maxScroll = this.scrollHeight 

然後你當前進度百分比將是：

(currentScroll/maxScroll) * 100 

使用此代碼：

$('#product').bind('scroll', function() { 
    var currentScroll = $(this).scrollTop() + $(this).innerHeight(), 
     maxScroll  = this.scrollHeight; 
    var scrolled = (currentScroll/maxScroll) * 100; 
    }); 

See example here.

編輯：

爲了讓DIV來頂瀏覽器的滾動地址：

$(document).bind('scroll', function() { 
    $('#product').css({ position: absolute; top: 0; }); 
});