鼠标滚轮滚动事件

我想要的是：当鼠标指向div时，页面的滚动条不会滚动。 这不可能吗？ 当我这样做时，页面的滚动条总是滚动。 这是一段javascript代码：

if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari 

怎么做？

Answer 1

干得好：

 var noscroll = document.getElementById('noscroll'); var locked, lockedX, lockedY; noscroll.addEventListener('mouseover', function (){ locked = true; lockedX = window.scrollX; lockedY = window.scrollY; }, false); noscroll.addEventListener('mouseout', function (){ locked = false; }, false); window.addEventListener('scroll', function (e){ if(locked === true){ window.scrollTo(lockedX, lockedY); e.preventDefault(); } }, false); 

将变量noscroll更改为您不希望允许滚动的元素。

演示

Answer 2

您基本上可以通过为div指定width ， height和overflow属性来实现它：

 
 text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text