水平滚动崩溃答案

【问题标题】：Horizontal scrolling crashes水平滚动崩溃
【发布时间】：2015-05-29 08:49:53
【问题描述】：

此 JavaScript 代码通过常规的鼠标滚轮滚动提供简单且几乎跨浏览器的页面水平滚动：

var wheel = ("onwheel" in document)? "wheel" : ("onmousewheel" in document)? "onmousewheel" : undefined;
document.addEventListener(wheel, onWheel);

function onWheel(e) {
    e = e || window.event;
    var ammount = Math.round(e.deltaY) || Math.round(e.detail);
    window.scrollBy(ammount, 0);
}

您可以see for yourself on jsfiddle.net，它工作不正常（三卷后崩溃）。
为什么会这样？如何纠正？

【问题讨论】：

标签： javascript horizontal-scrolling mousewheel

【解决方案1】：

这是一个非常有趣的问题！它实际上适用于 FF，但正如你所说，它停止在 Chrome 上运行。我调查了一下，发现了这个：

1) 它没有崩溃，只是监听器不存在了

2) 不需要滚动三遍，只需滚动到窗口的视口（或可见框架）之外，使监听器停止工作。就像 addEventListener 只适用于框架的可见区域。

很抱歉，我没有您的问题的答案，但也许我的发现可以帮助您。（也许这只是 Chrome 中的一个错误？）

【讨论】：