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

解决方案 »

  1.   


    document.body.style.overflow="hidden"; //关闭滚动条功能document.body.style.overflow="auto"; //恢复滚动条功
      

  2.   

    应该有解决方法,你可以在指定的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
                };
            };