title: Inertial scrolling within Phonegap android app (all phones)
body: <p>My problem is described in the following.</p>
  
  <p>I recently developed a <strong>Phonegap app</strong> (Android and Ios are the target platforms) and deployed it on the markets. My app mainly consists in an <strong>event list</strong>. </p>
  
  <p>The list is obviously scrollable. The purpose is to give a <strong>native feeling experience</strong> to the users or at least something close to it. Actually, I would like to <strong>enable inertia</strong> for most users (everyone would be awesome!). </p>
  
  <p>The app can’t be downloaded by android &lt; 3.0 phones, so it doesn’t matter if the solution excludes android 2.X users. In addition, for the moment the app is not design for tablets so <strong>I don’t mind if the solution doesn’t works with android &lt; 4.0</strong>.</p>
  
  <p>I use the following CSS property on the scrollable div:</p>
  
  <pre><code>overflow: scroll;
  -webkit-overflow-scrolling: touch;
  </code></pre>
  
  <p>On Ios, there is absolutely no problem. It is fast and inertial scrolling is enabled.</p>
  
  <p>With Android, I'm still having problems with some phones. Here are my tests: </p>
  
  <ul>
  <li>Nexus 5 (Android 4.4) : inertia <strong>Ok</strong></li>
  <li>Sony Ericsson (Android 4.0.4) : inertia <strong>Ok</strong></li>
  <li>Samsung galaxy Trend (android 4.0.4) : inertia <strong>Ok</strong></li>
  <li>Samsung Galaxy Note 3 - SM-N9005 (Android 4.3): <strong>No inertia</strong></li>
  <li>Samsung Galaxy S4 (Android 4.3): <strong>No inertia</strong></li>
  </ul>
  
  <p>I don’t’ use any JavaScript library for scrolling (for example Iscroll ect…) and I don't want to do so except if it is a really lightweight librairy. In fact, I have tried Iscroll and the result is unusable because it is too slow and jerky. By the way, the event list contains gradient, images, text, shadow ect… </p>
  
  <p>I have done a lot of research on the internet. And now, I feel lost! 
  I even don’t know if the problem is related to: </p>
  
  <ol>
  <li>The manufacturer layer</li>
  <li>The Android version</li>
  <li>The default browser on the phone (I think not because it appears
  that Phonegap doesn’t use it)</li>
  <li>The embedded PhoneGap webKit rendering engine</li>
  <li>Deprecated CSS properties : <a href="https://stackoverflow.com/questions/15906508/chrome-browser-for-android-no-longer-supports-webkit-overflow-scrolling-is-the">see this article</a></li>
  <li>Something else?</li>
  </ol>
  
  <p>It is a bit weird because it works on 4.0.4 and 4.4 but not on 4.3… I start to think this is related to manufacturer…</p>
  
  <p>Any help, solution or information about the above would be really appreciated.  </p>