javascript - 查询/JS : Detect user's scroll attempt without any window overflow to scroll to

Question

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

现在，我只是检测到用户使用 jquery 滚动(我已经使我的窗口大小比用户的滚动条屏幕高 1px，尽管这是我试图避免的)使用 jquery

.scroll(function)

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

如何做到这一点？

我所知道的乱码可能性:

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

Answer 1

看看这个question .我用它作为引用来制作这个 fiddle .

Works only in 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');
    }

});

Works in Chrome, IE, Opera and 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');
    }
});

您必须将它绑定(bind)到横跨整个浏览器屏幕的元素上。