禁用主窗口上的滚轮滚动

【问题标题】：Disable wheel scrolling on main window禁用主窗口上的滚轮滚动
【发布时间】：2014-05-05 00:07:18
【问题描述】：

我似乎找不到答案，如果已经回答，我很抱歉。

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

谢谢

【问题讨论】：

【解决方案1】：

要禁用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/

【讨论】：