滾動屏幕高度降低100％後更改CSS類

我正在製作一個單頁網站，我想在第二部分顯示導航菜單直到結束。我發現這個問題： Change CSS class after scrolling 1000px down 滾動屏幕高度降低100％後更改CSS類

...和我使用的答案AlienWebguy

$(document).scroll(function() { 
    $('#menu').toggle($(this).scrollTop()>1000) 
});

但我不想做1000像素。我想用它100％的屏幕，它可以用不同的平臺或分辨率來改變。

你知道我能做什麼嗎？

來源

2013-03-04 George Diril

只要找出有多大的屏幕，並使用，而不是1000 – 2013-03-04 16:01:18

可能重複的[滾動1000px下來後更改CSS類]（http://stackoverflow.com/questions/12470645/change-css-class-後滾動-1000像素下） – johnc 2013-03-05 01:50:08

使用此：

$(document).scroll(function() { 
    var windowHeight = $(window).height(); 
    $('#menu').toggle($(this).scrollTop()>windowHeight) 

});

來源

2013-03-04 15:45:02 otinanai

您可以$(window).height()

取代1000如：

$(document).scroll(function() { 
    $('#menu').toggle($(this).scrollTop()>$(window).height()) 
});

來源

2013-03-04 15:45:27

您可以使用：

$(document).on("scroll", function(){ 
    if($(document).scrollTop() >= ($(document).height() - $(window).height())){ 
     //here, you're at the bottom of the page 
     console.log("BOTTOM"); 
    } else { 
     //here, you're not arrived yet 
    } 
});

它會在理論上適用於每種屏幕尺寸。

來源

2013-03-04 15:56:37 lithium

滾動屏幕高度降低100％後更改CSS類

回答

相關問題