javascript - scrollLeft 在 Internet Explorer 中不起作用

Question

我试图让滚轮水平滚动页面。比如 Windows 8 Metro 界面和新的 myspace 网站。

我只是无法让它在 Internet Explorer (10) 中运行。我的 JSFiddle:http://jsfiddle.net/88dRJ/4/

我已经尝试删除溢出以使滚动条可见。 Microsoft 在其 doScroll 文档中声明它不适用于隐藏的滚动条。我更喜欢隐藏的滚动条。

Javascript

var mouseWheelEvt = function (e) {
    var event = e || window.event;
    if (document.body.doScroll) {
        document.body.doScroll(event.wheelDelta > 0 ? "left" : "right");
    } else if ((event.wheelDelta || event.detail) > 0) {
        document.body.scrollLeft -= event.wheelDelta || 120;
    } else {
        document.body.scrollLeft -= event.wheelDelta || -120;
    }
    return false;
};
document.addEventListener("mousewheel", mouseWheelEvt);
document.addEventListener("DOMMouseScroll", mouseWheelEvt);

编辑:澄清一下，我更喜欢没有 jquery 或其他库的解决方案。

Answer 1

对于 IE，您需要使用 document.documentElement 而不是 document.body 来访问/修改 scrollLeft 或 scrollTop

document.documentElement.scrollLeft -= event.wheelDelta || 120;