javascript - 如何在鼠标滚轮上进行水平滚动？

Question

刚才，无意中，我偶然发现了http://www.benekdesign.com/ .在鼠标滚轮滚动时，它执行水平滚动。 说实话我不喜欢这个功能。这有点烦人。但是， 请告诉我如何实现相同的目标。

已编辑

好的，firebug说他在用

/* Horizo​​ntal Tiny Scrolling - 水平网站的平滑滚动脚本2(竖版《Tiny Scrolling》的兄弟)3来自 Marco Rosella - http://www.centralscrutinizer.it/en/design/js-php/horizontal-tiny-scrolling4 v0.6 - 2007 年 2 月 14 日

Answer 1

看起来他只是在映射 mousewheel event滚动该区域。在 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);