我正在尝试使用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
如果我做错了什么,或者这些是真正的问题,你有什么想法吗?
发布于 2013-03-17 15:42:20
我真的不知道是否应该默认设置鼠标滚轮选项,但您可以尝试像这样添加它:
function loaded() {
myScroll = new iScroll('wrapper', {
wheelHorizontal: true
});
}
这是用Chrome上的iscroll 4.2.2测试的,这意味着它可能不是完美的解决方案,但看起来肯定是一个快速修复。4.2.5应该可以做到!
在这里找到了答案:iScroll 4 horizontal mousewheel scroll页面中有一个jsFiddle,你可以查看它!希望这能帮上忙。
https://stackoverflow.com/questions/15352639
复制相似问题