jquery - 画面の高さを100％下にスクロールした後にCSSクラスを変更する

Question

私は単一ページのウェブサイトを作っています、そして私は最後まで2番目の部分でnav-menuを見せたいです。私はこの質問を見つけました： 1000px下にスクロールした後にCSSクラスを変更します

...そして私はAlienWebguyの答えを使用しました

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

しかし、私は1000pxをやりたくありません。プラットフォームや解像度によって変わる可能性のある画面を100％使用したいと思います。

何ができるか知っていますか？

Answer 1

これを使って：

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

});

Answer 2

1000で置き換えることができます$(window).height()

のように：

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

Answer 3

あなたはそれを使うことができます：

$(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
    }
});

理論的には、すべての画面サイズで機能します。