一尘不染

如何在鼠标滚轮上水平滚动?

javascript

在鼠标滚轮上滚动它执行水平滚动。

已编辑

好吧,firebug说他在用


阅读 306

收藏
2020-05-01

共1个答案

一尘不染

看来他只是将mousewheel事件映射到滚动区域。在IE中,仅通过使用doScroll()方法就非常容易-滚动水平条的量为垂直条通常滚动的量。其他浏览器不支持该doScroll()方法,因此您必须随心所欲地滚动任意数量:

var mouseWheelEvt = function (event) {
    if (document.body.doScroll)
        document.body.doScroll(event.wheelDelta>0?"left":"right");
    else if ((event.wheelDelta || event.detail) > 0)
        document.body.scrollLeft -= 10;
    else
        document.body.scrollLeft += 10;

    return false;
}
document.body.addEventListener("mousewheel", mouseWheelEvt);
2020-05-01