scrollTop（）== 0のfadeOut（）は機能しません

Question

私のページには、私のページの一番上にあるときに消えるはずの小さなアイコンがあります。私が少し下にスクロールすると、それはフェードアウトするはずです。しかし、私が再び立ち上がると、それが再び現れます。私はそれがこのコードで動作するはずだと思った：

if ($(document).scrollTop() === 0){ 
    $('#down').fadeIn(200); 
    console.log("Hi"); 
    } 
    else{ 
    $('#down').fadeOut(200); 
    console.log("Bye"); 
    } 

しかし明らかにそうではありません。ここが少しですcodepen

Answer 1

あなたはonscrollの機能の中に追加する必要があります。たとえば、次のように

$(window).scroll(function(){ 

    }); 

または

$("#down").scroll(function() { 
});