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