在移動瀏覽器的iScroll中啓用點擊事件

Question

我正在使用iScroll創建一個web應用程序，我無法點擊iscroll包裝器內的任何div。我嘗試設置eventPassthrough選項爲true，但會導致大量的滾動問題。

任何人都遇到過這個問題？

編輯：我正在使用iScroll 5.點擊事件工作鉻，火狐和Safari瀏覽器，但不是iOS移動Safari。

Answer 1

嘗試設置選項「點擊：真正的」

例如：我對iOS6的同樣的問題

myScroll = new IScroll('#wrapper', { click: true }); 

，並解決了該問題

Answer 2

我也遇到了同樣的問題，開始使用{ click: true }方法（如上所述）作爲解決方案。這種方法的問題是，在桌面上查看時，您會看到兩個點擊事件觸發（即實際鼠標點擊發生一個事件，IScroll發生一個事件）。

根據IScroll documentation建議的方法是使用IScroll選項發出自定義的「tap」事件。

例子：

<script type="text/javascript"> 
    var scroller = new IScroll('#wrapper', { tap: true }); 
    $('#scroller').on('click, tap', '.clickable', function() { 
     //do something.... 
    }); 
</script> 

<div id="wrapper"> 
    <div id="scroller"> 
     <div class="clickable"></div> 
     <div class="clickable"></div> 
     <div class="clickable"></div> 
    </div> 
</div> 

Answer 3

嘗試添加點擊：真的iPhone。 Android都在下面工作。但是，Android沒有點擊：true。

myScroll = new IScroll('#myWrapper', { 
    tap: true, 
    click: true,  
});