JQuery / JS：检测用户的滚动尝试，没有任何窗口溢出滚动到

我正在开发一个过渡网站，虽然我想使用用户的滚动尝试作为过渡启动器，但我不希望有窗口滚动条。

现在，我只是用 jquery 检测用户滚动（我已经将窗口大小设置为比用户屏幕的滚动条高 1px，尽管这是我试图避免的）

.scroll(function)

方法，并使用它来转换我的页面，但是我想检测用户的滚动尝试，而不必使我的页面溢出一个像素，从而显示滚动条

如何才能做到这一点？

据我所知，可能存在混乱的补丁：

将窗口定位在外部包装器内，并将滚动条隐藏在包装器的溢出中。这是一个修补工作，而不是一个解决方案。这会导致页面内容偏离中心，因为并非所有浏览器的滚动条都使用相同的宽度。

看看这个question。我用它作为参考来制作这个fiddle.

仅适用于 Firefox:

$('html').on ('DOMMouseScroll', function (e) {
    var delta = e.originalEvent.detail;

    if (delta < 0) {
        $('p').text ('You scrolled up');
    } else if (delta > 0) {
        $('p').text ('You scrolled down');
    }

});

适用于 Chrome、IE、Opera 和 Safari:

$('html').on ('mousewheel', function (e) {
    var delta = e.originalEvent.wheelDelta;

    if (delta < 0) {
        $('p').text ('You scrolled down');
    } else if (delta > 0) {
        $('p').text ('You scrolled up');
    }
});

您必须将其绑定到跨越整个浏览器屏幕的元素上。