Iscroll导致滚动父级内的链接在触摸设备上变得不可点击

时间:2014-04-14 16:23:42

标签: javascript mobile iscroll

我尝试使用iscroll插件(https://github.com/cubiq/iscroll)将滚动添加到div。我发现它使滚动父项内的链接无法点击。禁用插件会修复它。

起初我认为这与-webkit-transform有关,但事实并非如此,因为我创造了一个独立的小提琴。

可以在此处找到演示 - http://jsfiddle.net/5Frv4/ 。使用移动webkit浏览器访问它以查看实际问题。

使用一些简单的选项初始化Iscroll:

var menuScroll = new IScroll('#menu', {
    mouseWheel: true,
    scrollbars: 'custom',
    interactiveScrollbars: true,
});

我不知道如何解决这个问题。有谁知道我能尝试的其他事情?

1 个答案:

答案 0 :(得分:2)

你可以试试iScroll的选项

click: true
  

要覆盖原生滚动,iScroll必须禁止某些默认的浏览器行为,例如鼠标点击。如果您希望应用程序响应click事件,则必须将此选项显式设置为true。请注意,建议使用自定义点击事件(见下文)。   http://iscrolljs.com/#configuring