启用/禁用DOMMouseScroll鼠标滚轮

Enable / disable DOMMouseScroll mousewheel

本文关键字：鼠标 DOMMouseScroll 禁用 启用      更新时间：2024-02-16

我正在尝试获得与上相同的滚动转换http://www.hugeinc.com在最后一个项目部分和#main（last）元素之间。

以下是我迄今为止所做的工作：http://codepen.io/lorenzwoehr/pen/bpYzYB

此功能滚动到下一部分：

$("body").addClass("shifted", setTimeout(function() { 
    $("body").css({"overflow":"auto"});
}, 600));

问题

这可以防止#main元素上的"正常"滚动：

$(window).on({
    'DOMMouseScroll mousewheel': elementScroll
});

当#main元素被"移位"时，我如何启用滚动？

在函数elementScroll的第40行返回false。因此，它不会滚动。您需要返回true才能滚动。

作为解决方案，您可能需要检查滚动事件中的目标元素。例如：return e.target.id != 'project-2';然后，只有当您的目标元素不是id为project-2的元素（即您的幻灯片）时，它才会传播滚动事件。

请参阅编辑后的代码笔

相关文章：