scrollTop（）== 0上的fadeOut（）不起作用

我的页面上有一个小图标，当我处于页面顶部时，它会淡入。当我向下滚动时，它应该淡出。但是当我再次回到原处时，它会再次出现。我认为应该与此代码的工作：scrollTop（）== 0上的fadeOut（）不起作用

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

，但显然事实并非如此。这里有一点codepen

来源

2017-02-15 Tobias Glaus

https://api.jquery.com/scroll/ –

你需要一个事件侦听器，你需要将jQuery添加到您的codepen：HTTP：// codepen.io/anon/pen/ZLPXjw总是在打开问题前至少检查浏览器控制台。 –

如果你们花时间看他的codepen，你会发现他使用滚动甚至听众 – Bill

你需要在onscroll功能中添加它。例如：

$(window).scroll(function(){ 

    });

或

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

来源

2017-02-15 12:45:32 Armin

完美！完全忘了那个。 –

scrollTop（）== 0上的fadeOut（）不起作用

回答

相关问题