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你可以看看！希望这有帮助。

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

1 个答案: