在滚动时，在隐藏滚动条和隐藏溢出的同时触发事件

on scroll, trigger event at the same time while hiding scroll bar and hiding overflow

本文关键字：隐藏事件滚动滚动条溢出更新时间：2023-09-26

我正在尝试制作一个类似的网站http://www.grannyssecret.com（只是登录页）。

如果你去那里向上滚动，隐藏的页脚会平滑显示，然后如果你再次向下滚动，页脚会向下。

当我点击按钮时，我的HTML文件可以模仿同样的东西，但当我试图通过滚动鼠标滚轮来设置页脚的动画时，它就不起作用了。

问题是滚动事件触发了多次。此外，当溢出设置为隐藏滚动时，不会触发事件。

有办法解决这个问题吗？

我似乎无法在jsfiddle https://jsfiddle.net/vd6qgLL2/3/ 上使用jquery

尝试使用"轮子"事件而不是"滚动"。

document.getElementsByTagName("body")[0].addEventListener("wheel",  function () {
//your code here
});

请找到您的重构小提琴：https://jsfiddle.net/mp0a6Ln6/