禁用主窗口上的滚轮滚动

时间:2014-05-05 00:07:19

标签: jquery html scroll mousewheel

我似乎无法找到答案,如果已经回答,我道歉。

我在我网站的div中使用了滚动功能,结果是用户滚轮向下滚动到div的底部后,它会自动滚动主页面。我想这样做,如果指针在div内部,停止并且只有当指针离开div区域时,才应该整个站点滚动。有什么办法吗?

由于

1 个答案:

答案 0 :(得分:0)

要停用wheel事件,请使用e.preventDefault(),如下所示:

$('#myDiv').bind('mousewheel DOMMouseScroll', function(e) {
    var scrollTo = null;

    if (e.type == 'mousewheel') {
        scrollTo = (e.originalEvent.wheelDelta * -1);
    }
    else if (e.type == 'DOMMouseScroll') {
        scrollTo = 40 * e.originalEvent.detail;
    }

    if (scrollTo) {
        e.preventDefault();
        $(this).scrollTop(scrollTo + $(this).scrollTop());
    }
});

http://jsfiddle.net/eXQf3/371/