阻止網頁內部滾動條mousewheel事件冒泡

利用鼠標滾輪在網頁內部滾動時觸發滾動事件,當滾輪到達元素頂部或底部時不觸發瀏覽器窗口的滾動事件瀏覽器

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;
}
相關文章
相關標籤/搜索