jquery滾動檢測

Question

我想要一個簡單的JS代碼來檢測HTML頁面的滾動。

查看本頁面： http://conf.iranwebfestival.com/

當你滾動頁面，頂部菜單元素，讓CSS邊界。

我需要一些東西來做到這一點。

Answer 1

jQuery有一個函數scrollTop來查找有多少屏幕向下滾動。下面是使用

$(window).scroll(function(){ 
var ScrolledDown = $(window).scrollTop(); 
}); 

的基地，這裏是一個例子，如何使用jQuery的功能scrollTop的 - ，避免滾動，如果你實現頁面的底部。

Switch div from fixed to absolute at bottom of browser (see my answer)

Answer 2

該頁面在我的設備上不能正常顯示。 但是爲了檢測滾動的jQuery，我會檢查$(window).scrollTop()的值，如果它大於0，則表示用戶已經滾動。事情是這樣的：

$(window).scroll(function() // when user scrolls 
{ 
    if($(window).scrollTop() > 0) 
     // scrollbar is not at the top 
    else 
     // scrollbar is at the top 
} 

Answer 3

雖然這是非常你的責任，以證明你至少有試過，GOOGLE了它，不管了，你還沒有這樣做，這個答案是很簡單的jQuery中

$(window).scroll(function(){ 
    //Whatever you want to do 
}); 

Answer 4

您可以使用jQuery Waypoints。 或者如果您使用Bootstrap來查看Scrollspy。

你應該付出一些努力來實現它。簡單的搜索會讓你得到你想要的。