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

Question

我正在尝试建立一个类似于此http://www.grannyssecret.com的网站（仅限着陆页）。

如果你去那里并向上滚动，隐藏的页脚会顺利显示，那么如果你再次向下滚动页脚会下降。

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

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

有任何想法解决这个问题吗？

我似乎无法在jsfiddle https://jsfiddle.net/vd6qgLL2/3/

上使用jquery

Answer 1

尝试使用"wheel"事件代替＆＃34;滚动＆＃34;。

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

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