Javascript 当窗口滚动到顶部时，如何隐藏div？

我有一个向上箭头，当我的页面向下滚动时，它会消失。如何使其在用户滚动回页面顶部时淡出

这就是我目前所拥有的。箭头会消失一小秒，然后消失在我不想看到的地方——它应该隐藏起来

函数footerFadeIn{ $window.scroll函数{ $'footer'.fadeIn'slow'； }; } 函数衰减{ $'footer'。淡出'slow'； $'footer'。隐藏； } $window.scroll函数{ 如果$window.scrollTop==0{ 衰减； }如果$window.scrollTop>0，则为else{ footerFadeIn； } }; 页脚{ 位置：固定； 底部：0； 右：0； 填充：20px； }

---

问题是因为您在footerFadeIn中添加了滚动事件处理程序。因此，当滚动事件发生时，您将创建另一个新的滚动事件处理程序。要解决这个问题，只需删除该函数中的滚动处理程序，并保留加载DOM时调用的主处理程序

还要注意，您需要在淡出回调中调用hide。这就是为什么淡出动画不能正确发生的原因。试试这个：

函数footerFadeIn{ $'footer'.fadeIn'slow'； } 函数衰减{ $'footer'.fadeOut'slow'，函数{ $this.hide； }; } $window.scroll函数{ 如果$window.scrollTop==0{ 衰减； }顶部窗口>0.0如果有滚动{ footerFadeIn； } }; html， 身体{ 高度：2000px； } 页脚{ 位置：固定； 底部：0； 右：0； 填充：20px； 显示：无； }

---

问题是因为您在footerFadeIn中添加了滚动事件处理程序。因此，当滚动事件发生时，您将创建另一个新的滚动事件处理程序。要解决这个问题，只需删除该函数中的滚动处理程序，并保留加载DOM时调用的主处理程序

还要注意，您需要在淡出回调中调用hide。这就是为什么淡出动画不能正确发生的原因。试试这个：

函数footerFadeIn{ $'footer'.fadeIn'slow'； } 函数衰减{ $'footer'.fadeOut'slow'，函数{ $this.hide； }; } $window.scroll函数{ 如果$window.scrollTop==0{ 衰减； }如果$window.scrollTop>0，则为else{ footerFadeIn； } }; html， 身体{ 高度：2000px； } 页脚{ 位置：固定； 底部：0； 右：0； 填充：20px； 显示：无； }

---

footerFadeIn函数不会淡入，而是在窗口中添加一个额外的滚动处理程序。修复您的页脚淡出是好的，它应该像预期的那样工作。这是否回答了您的问题@天哪，哇。非常感谢。我现在觉得自己很傻，花了这么长时间才弄明白这一点。我感谢您的时间。您的footerFadeIn功能不会淡入，但会在窗口中添加一个额外的滚动处理程序。修复您的页脚淡出是好的，它应该像预期的那样工作。这是否回答了您的问题@天哪，哇。非常感谢。我现在觉得自己很傻，花了这么长时间才弄明白这一点。我很感激您的时间。@d如果此答案解决了您的问题，请单击答案旁边的复选标记将其标记为已回答。@d血色即可！它只是告诉我必须再等五分钟才能这样做。@d如果这个答案解决了您的问题，请单击答案旁边的复选标记将其标记为已回答。@Sanguinary就可以了！它只是告诉我，我必须再等五分钟才能这么做。