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