日期:2014-05-16  浏览次数:20331 次

求助 html滚动条锁定问题
现在在做一个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
            };
        };