首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

html滚动条锁定有关问题

2013-02-24 
求助 html滚动条锁定问题现在在做一个JS放大图片的效果 ,随着滚动条向上滚,则图片放大,向下滚,则图片缩小,

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

热点排行