首页 > 代码库 > 关于如何用Jquery监听鼠标滚轮改变横向滚动条

关于如何用Jquery监听鼠标滚轮改变横向滚动条

$(function() {    // 设置每次滚动长度,单位 px    var scroll_width = 100;    var scroll_events = "mousewheel DOMMouseScroll MozMousePixelScroll";    $("body").on(scroll_events, function(e) {        var delta = e.originalEvent.wheelDelta        console.log(delta);        var detail= e.originalEvent.detail;        // 滑轮向下滚动,滚动条向右移动,scrollleft+        if(!detail){            this.scrollLeft-= (delta);        }else{            if(detail>0){                $("html").scrollLeft($("html").scrollLeft() + scroll_width);            }            // 滑轮向上滚动,滚动条向座移动,scrollleft-            else{                $("html").scrollLeft($("html").scrollLeft() - scroll_width);            }        }    });});

目前来说是最简洁的了!

关于如何用Jquery监听鼠标滚轮改变横向滚动条