Javascript 鼠标滚轮滚动事件
我想要的是：当鼠标指向div时，页面的滚动条不会滚动。这不可能吗？当我这样做时，页面的滚动条总是滚动。下面是一段javascript代码：Javascript 鼠标滚轮滚动事件,javascript,jquery,mouseevent,mousewheel,Javascript,Jquery,Mouseevent,Mousewheel,我想要的是：当鼠标指向div时，页面的滚动条不会滚动。这不可能吗？当我这样做时，页面的滚动条总是滚动。下面是一段javascript代码： if(document.addEventListener){ document.addEventListener('DOMMouseScroll',scrollFunc,false); } window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari 如何
if(document.addEventListener){
document.addEventListener('DOMMouseScroll',scrollFunc,false);
}
window.onmousewheel=document.onmousewheel=scrollFunc;//IE/Opera/Chrome/Safari
如何做到这一点？您基本上可以通过css为div指定
宽度高度溢出<div style="width:100px; height:100px; overflow: auto;" >
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
</div>
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
宽度高度溢出<div style="width:100px; height:100px; overflow: auto;" >
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
</div>
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
文本文本文本文本文本文本文本文本文本文本
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);
noscrollvar 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我使用了坐标，如下所示：document.getElementById（“svglocation”）.onmouseinter=function（event）{var x=event.clientX；var y=event.clientY；var div=document.getElementById（“svglocation”）；var divx1=div.offsetLeft；var divy1=div.offsetTop；var divx2=div.offsetLeft+div.offsetWidth；var divy2=div.offsetTop+div.offsetHeight；如果（x>divx1&&x