".scrollBottom（）"は機能しません

Question

jQueryの経験はほとんどありません。

var scrollBottom = $(window).scrollTop() + $(window).height(); 

$(window).scroll(function(){ 
     if($(this).scrollTop() > 400) { 
     $('.button').css({'display': 'none'}); 
     } else if ($(this).scrollBottom() > 200) { 
     $('.button').css({'display': 'block'}); 
     } 
    }); 

コードの最初の部分（ボタンが消えるようにする）は機能しますが、機能の2番目の部分は機能しません。

Answer 1

ではなく、ローカル変数scrollBottomをチェックしてください：

var scrollBottom = $(window).scrollTop() + $(window).height(); 

$(window).scroll(function(){ 
     if($(this).scrollTop() > 400) { 
     $('.button').css({'display': 'none'}); 
     } else if (scrollBottom > 200) { 
     $('.button').css({'display': 'block'}); 
     } 
    }); 

jQueryのscrollBottom（）関数を持っていません。

Answer 2

これは、関数を定義するのではなく、変数を作成するだけです！

var scrollBottom = $（ウィンドウ）.scrollTop（）+ $（ウィンドウ）.height（）;

$(window).scroll(function(){ 
    var scrollTop = $(window).scrollTop(); 
    var scrollBottom = $(window).scrollTop() + $(window).height(); 

    if(scrollTop() > 400) { 
    $('.button').css({'display': 'none'}); 
    } else if (scrollBottom > 200) { 
    $('.button').css({'display': 'block'}); 
    } 
}); 

ああ、あなたは$を使用することができますショーを（）/ $を隠す（ -

簡単にするために、あなたはこれを行うことができます（ 'ボタンを。 '）。（' ボタンを。'）。 ） .css（）を設定する代わりに。