阻止网页内部滚动条mousewheel事件冒泡
2018-07-23 阅读数:58

当在一个页面中存在多级滚动条时,子级滚动条滚动到顶部或底部会带动父级的滚动条,这是浏览器的默认行为,这会导致页面的交互变得很混乱,可以使用如下函数优化此问题:

function preventScroll(id){  
    var _this = document.getElementById(id);  
    if(navigator.userAgent.indexOf("Firefox")>0){  
        _this.addEventListener('DOMMouseScroll',function(e){  
            _this.scrollTop += e.detail > 0 ? 60 : -60;     
            e.preventDefault();  
        },false);   
    }else{  
        _this.onmousewheel = function(e){     
            e = e || window.event;     
            _this.scrollTop += e.wheelDelta > 0 ? -60 : 60;     
            return false;  
        };  
    }  
    return this;  
}


前方10米有沙发可抢!
大人,请先右上角登个录 ↑
Copyright@2017-2020 www.dongguagua.com All Right Reserived 京ICP备17025269号