桌面浏览器上的水平iScroll问题

Question

我正在尝试使用iScroll.js实现桌面网站的水平滚动。拖动运行得很好，样式也很好，但我发现滚动有问题。

最初，我使用的iScroll 4.1.7鼠标滚轮不工作，它应该在PC上的Mac的Chrome和Safari有阻止本机滚动的问题，特别是，如果你的用户已经激活了触控板偏好:在页面之间滑动，如果你向左(后)滚动，它会打开上一页。Firefox滚动正常，拖拽工作正常。

随后尝试了v4.2.5：https://github.com/cubiq/iscroll，这在桌面浏览器上似乎完全不支持滚动或鼠标滚轮。拖动工作正常。

这就是我尝试初始化iScroll的方法：(在这里的文档中定义：http://cubiq.org/iscroll-4 )

<script type="application/javascript" src="iscroll.js"></script>
<script type="text/javascript">
var myScroll;
function loaded() {
myScroll = new iScroll('wrapper');
}
document.addEventListener('DOMContentLoaded', loaded, false);
</script>`

下面是一个演示：

iScroll 4.1.7 http://anything.is/iscroll4-1-7

iScroll 4.2.5 http://anything.is/iscroll4-2-5

如果我做错了什么，或者这些是真正的问题，你有什么想法吗？

Answer 1

我真的不知道是否应该默认设置鼠标滚轮选项，但您可以尝试像这样添加它：

function loaded() {
    myScroll = new iScroll('wrapper', {
        wheelHorizontal: true
    });
}

这是用Chrome上的iscroll 4.2.2测试的，这意味着它可能不是完美的解决方案，但看起来肯定是一个快速修复。4.2.5应该可以做到！

在这里找到了答案：iScroll 4 horizontal mousewheel scroll页面中有一个jsFiddle，你可以查看它！希望这能帮上忙。