檢測從頂部jquery滾動的距離

Question

如何檢測在瀏覽器窗口中滾動的像素數量？ 我需要這個來動態調整100％高度的高度div ...

我正在使用jQuery。

編輯：我不能只使用scrollTop（），因爲我正在使用溢出設置爲auto的100％高度div。 Firefox不檢測瀏覽器滾動由於這一點，唯一的滾動是一個100％×100％的div ...

Answer 1

還好吧，大家好，我發現：

$("div#container").scroll(function() { 
     var screenheight = parseInt($(document).height()); 
     var scrolledpx = parseInt($("div#container").scrollTop());  
     var sum = screenheight+scrolledpx; 
     console.log($("div#container").scrollTop()); 
     console.log("screen: " + screenheight); 
     console.log("sum=" + sum); 
     $("div.content").height(sum); 
}) 

Answer 2

使用$(document).scrollTop()：

$(document).scroll(function() { 
    console.log($(document).scrollTop()); 
}) 

Answer 3

你可以使用scrollTop（）來找出你走過的頁面有多遠。

$(window).scroll(function() { 
    console.log($(window).scrollTop()); 
    if ($(window).scrollTop() > 200) { 
    $('#div').stop().animate({ 
     'marginTop': $(window).scrollTop() + 'px', 
     'marginLeft': $(window).scrollLeft() + 'px' 
    }, 'slow'); 
    } 
});