javascript - on scroll，隐藏滚动条和 overflow hidden 的同时触发事件

Question

我正在尝试制作一个类似于此的网站 http://www.grannyssecret.com (只是着陆页)。

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

当我单击按钮时，我的 HTML 文件可以模仿同样的事情，但是当我尝试通过滚动鼠标滚轮来设置页脚动画时，它不起作用。

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

有解决此问题的想法吗？

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

Answer 1

尝试使用"wheel"事件而不是“滚动”。

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

请找到您重构的 fiddle :https://jsfiddle.net/mp0a6Ln6/