删除鼠标滚轮滚动

时间:2013-03-03 11:21:11

标签: javascript jquery html css

我有一个高度为overflow-x: hidden的div,所以我可以看到垂直滚动条。 现在,当我用鼠标滚轮滚动整个页面时,如果我的光标位于该div的顶部,则它开始滚动div而不是页面。是否可以删除此特定div上的鼠标滚动?

4 个答案:

答案 0 :(得分:6)

我不知道该div中的内容有多重要,但另一种解决办法可能是让你的指针对div pointer-events:none没有影响。更多解释here

答案 1 :(得分:1)

我认为你可以实现与此类似的东西的唯一方法是捕获该特定div的鼠标悬停事件并禁用整个页面的轮子,并在mouseout上再次启用它。在这篇文章中,您可以看到如何禁用整个页面的滚轮:How to disable scrolling temporarily?

答案 2 :(得分:0)

不,因为用户希望能够使用鼠标滚轮滚动可滚动区域,并且用户通过将鼠标指针移动到其上来选择可滚动区域。

您可以通过设置overflow-y: hidden来禁用滚动,但这会导致滚动条消失。

答案 3 :(得分:0)

我相信你可以在

中添加一个处理程序
onmousewheel 

阻止滚动的事件(这被列为HTML5,因此在旧版浏览器中可能无效)。这里有完整的活动列表:http://www.w3schools.com/tags/ref_eventattributes.asp