Jquery 如何仅在向下滚动时制作div fadeIn？

我已经创建了一个scroll to top（滚动到顶部）功能，允许访问者点击按钮滚动到顶部。那很好。我还使按钮出现在滚动条上

我需要的是在向下滚动时显示，在向上滚动时消失。但目前，它首先出现在页面加载上，然后淡出，然后再次淡出。我怎样才能使其仅在页面向下滚动时显示

以下是html：

<div>
   <p> The page's content</p>
   <div class="scrolltop">    
       <a href="#top" id="scrolltop">Top</a>
   </div>
</div>

这是我的-为了方便起见

将此添加到您的css中

.scrolltop {
    display:none;
}

因此，它最初是隐藏的，不必等待您的代码，这比使用js做得好得多

相当简单的修复，只需隐藏你的滚动加载

jQuery('.scrolltop').hide();

另一种方法是执行

hide

在内部执行的操作，只需将该类设置为按定义隐藏（）

尝试添加以下行：

jQuery(document).ready(function() { jQuery('.scrolltop').hide() } );

---

所有的内容和小提琴+你好！谢谢你的快速修复。根据性能，哪个更好？使用jQuery（'.scrolltop'）.hide（）隐藏？或css

显示：无

？@IamSJ-最好使用css方法，因为它不必等待

文档。准备好了

就可以启动了，它会像那样渲染。在内部，

hide

所做的只是将样式更改为

display:none

，并向jQuery对象添加一些数据，以显示

。
jQuery('.scrolltop').hide();

.scrolltop{
 display: none;
}

jQuery(document).ready(function() { jQuery('.scrolltop').hide() } );