title: slow list view scrolling on iPad when scrolling in an overflow:auto div
body: <p>I am developing a Phonegap app for the major os platforms and am currently testing it on an iPad with iOS 5. Im using jquery mobile. So for large screens i've used the splitview jquery mobile plugin. <a href="http://asyraf9.github.com/jquery-mobile/" rel="noreferrer">http://asyraf9.github.com/jquery-mobile/</a>  <br>
  I've put a </p>
  
  <pre><code>$scrollArea.css('overflow-y','auto');        
  $scrollArea.css('-webkit-overflow-scrolling','touch');
  </code></pre>
  
  <p>to make the page scroll instead  of using iscroll like the plugin was using. Now whats happening, is that the page isn't loading/repainting as the user scrolls. I have a list of 100 items and i scroll through them.<br><br>  The scrolling itself isn't slow, but it takes almost a full second for the new list view rows to pop into view after it has been scrolled. Before that it's a blank area. </p>
  
  <p>On observing, i can see that the the list items don't pop into view until the scrolling has come to a halt. (momentum scroll)</p>
  
  <p>A similar issue is here <a href="http://forum.jquery.com/topic/help-with-slow-list-view-scrolling-on-ipad-when-scrolling-in-an-overflow-auto-div" rel="noreferrer">http://forum.jquery.com/topic/help-with-slow-list-view-scrolling-on-ipad-when-scrolling-in-an-overflow-auto-div</a></p>
  
  <p>What can i do to make this work normally?? The same thing works fine on android tabs. pls help.</p>
  
  <p><strong>EDIT:</strong> If i use only </p>
  
  <pre><code> $scrollArea.css('overflow-y','auto');        
  </code></pre>
  
  <p>then i dont face this issue of momentary blank areas after scrolling, but then the scrolling is painfully slow.</p>
  
  <p>Please don't suggest using iScroll. Already tried that. its much much slower that what i get with -webkit-overflow-scrolling, and i cant use it.</p>