读书人

html滚动条锁定有关问题

发布时间: 2013-02-24 17:58:56 作者: rapoo

求助 html滚动条锁定问题
现在在做一个JS放大图片的效果 ,随着滚动条向上滚,则图片放大,向下滚,则图片缩小,可是右边的滚动条也会一起向上,向下 有没有办法展示图片的时候锁定他,然后关掉图片后恢复滚动条功能 html滚动条锁定有关问题
[解决办法]

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
};
};

读书人网 >JavaScript

热点推荐