iScroll не прокручивается на iPhone

Question

Я разрабатываю приложение phonegap и пытаюсь использовать iScroll 4 для прокрутки на моих страницах. Он отлично работает в Интернете, но когда я тестирую на устройстве/симуляторе, прокрутка не работает плавно. Когда я касаюсь экрана устройства, он уже нажимает на мой элемент li, и если я прокручиваю вниз, это не похоже на скроллер.

Вот сценарий, который я беру сайт форму 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

Если вы протестируете на своем устройстве, вы увидите, что первый из них не работает, а второй работает нормально. Не знаете, что не так: \

Любые идеи о том, как я мог это исправить?

Благодарности Ребята

Answer 1

Привет, как мне известно вам нужно установить размер прокрутки контента вид.