3

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

最初我使用 iScroll 4.1.7 鼠标滚轮在 PC 上无法正常工作 在 Mac 上 Chrome 和 Safari 存在阻止本机滚动的问题，特别是，如果您的用户已激活触控板首选项：在页面之间滑动，如果您向左滚动（返回），它会打开上一页。Firefox 正在滚动 OK 拖动工作正常。

随后尝试了 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

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

4

1 回答 1

2

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

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

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

在这里找到了答案：iScroll 4 水平鼠标滚轮滚动 页面中有一个 jsFiddle 你可以看看！希望这有帮助。

于 2013-03-17T15:42:20.367 回答