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

Question

我正在尝试使用 iScroll.js 为桌面网站实现水平滚动。拖动工作正常，样式应用正常，但我发现滚动有问题。

最初我使用的是 iScroll 4.1.7鼠标滚轮在 PC 上无法正常工作在 Mac 上，Chrome 和 Safari 在阻止 native 滚动方面存在问题，具体而言，如果您的用户已激活触控板首选项:在页面之间滑动，如果您向左(向后)滚动，则会打开上一页。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，您可以查看一下!希望这对您有所帮助。