检测overflow:hidden页面中的滚动尝试？

Question

我想检测用户在页面上尝试向上或向下滚动的时间，但是因为我不想允许实际滚动，所以我设置了一个overflow:hidden的内容。代码大致如下：

$('html,body').css('overflow','hidden');
$(window).scroll(function(event){
    console.log("scroll");
});

问题在于由于没有实际的滚动，所以我无法触发事件。我考虑过移除overflow样式并防止滚动，但我无法找出如何实现。

总之，有没有一种方法可以在检测滚动尝试的同时修复滚动？谢谢。

- lisovaccaro

---

内容是否超出页面，以至于 overflow: auto 会产生滚动条？ - BoltClock

也许这会有所帮助 https://dev59.com/J2sy5IYBdhLWcg3w-i_h - Itay

Answer 1

尝试使用jQuery mousewheel（https://github.com/brandonaaron/jquery-mousewheel）。可检测鼠标滚轮的移动。另一种选择是不将overflow设置为hidden，而是捕获滚动尝试并自行滚动。还有许多JS滚动库，我喜欢（http://manos.malihu.gr/jquery-custom-content-scroller/）。

- CWitty

Answer 2

这里提供一种 jQuery 解决方案。

$(document).bind('mousewheel', function(e) {
    var delta = e.originalEvent.wheelDelta;
    console.log('The mouse delta is : ' + delta);
});

jQuery文档 - .bind()

- Zachary Dahan