html滚动条锁定有关问题
求助 html滚动条锁定问题
现在在做一个JS放大图片的效果 ,随着滚动条向上滚,则图片放大,向下滚,则图片缩小,可是右边的滚动条也会一起向上,向下 有没有办法展示图片的时候锁定他,然后关掉图片后恢复滚动条功能
------解决方案--------------------
document.body.style.overflow="hidden"; //关闭滚动条功能
document.body.style.overflow="auto"; //恢复滚动条功
------解决方案--------------------
应该有解决方法,你可以在指定的div里阻止鼠标滚轮事件不要冒泡到document里就可以了。例如指定div id="tt"鼠标在里面时禁止文件滚动条滚动:
现在在做一个JS放大图片的效果 ,随着滚动条向上滚,则图片放大,向下滚,则图片缩小,可是右边的滚动条也会一起向上,向下 有没有办法展示图片的时候锁定他,然后关掉图片后恢复滚动条功能
------解决方案--------------------
document.body.style.overflow="hidden"; //关闭滚动条功能
document.body.style.overflow="auto"; //恢复滚动条功
------解决方案--------------------
应该有解决方法,你可以在指定的div里阻止鼠标滚轮事件不要冒泡到document里就可以了。例如指定div id="tt"鼠标在里面时禁止文件滚动条滚动:
document.getElementById("tt").onmouseover=function(){
if (document.addEventListener) {
this.addEventListener('DOMMouseScroll', function(e){
e.preventDefault();
}, false);
}
this.onmousewheel = function(e){
e = e
------解决方案--------------------
window.event;
e.returnValue=false
};
};