iScroll不在iPhone上滚动

我正在开发一个phonegap应用程序，并尝试使用iScroll 4在我的页面上滚动。它可以在Web上正常工作，但是当我在设备/模拟器上测试时，滚动效果不佳。当我触摸设备屏幕时，它已经点击了我的li元素，如果我向下滚动，它看起来不像一个滚动条。iScroll不在iPhone上滚动

这里是我所采取的形式iScroll网站脚本：

function onDeviceReady(){ 

var myScroll; 
    function loaded() { 
     myScroll = new iScroll('wrapper'); 
    } 

    document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); 

    document.addEventListener('DOMContentLoaded', function() { setTimeout(loaded, 200); }, false); 

    document.addEventListener('DOMContentLoaded', loaded, false); 


}

，这里是我的列表样式看起来像：

<div id="wrapper"> 
<div id="scroller"> 

      <ul id="thelist"> 
       <li> 
        <div class="item"> 
         <div class="arrow"></div> 
         <div class="score"><a href="#">98 <span>score</span></a></div> 
         <div class="job-title">Expert UI/UX Designer</div> 
         <div class="detail"> 
          at <span>Hewlett Packpard</span> - 30 connections 
         </div> 
         <div> 
          <a href="#" class="button-arrow"></a> 
         </div> 
        </div> 
       </li> 
      </ul> 
    </div> 
</div>

我觉得一切是正确的，看看在活页： http://rodrigoparra.com/bright/pages/dashboard.html

这里iScroll对相同的应用程序示例： http://rodrigoparra.com/bright/simple/index.html

如果你在你的设备上测试，你会看到第一个不工作，第二个工作正常。不知道什么是错的：\

任何想法，我怎么能解决它？

谢谢你们

来源

2012-05-06 Rodrigo Parra