title: Scrollable list bounces back to top[iScroll], rubber band effect?
body: <p>Developing an android app in html5(phonegap) and I had to use a scrollView. Could find anything in html5 as we have in Java so I'm trying to use the library <code>iScroll</code> which served the purpose of scrolling but as I scroll down it bounces back to top, I suppose it is called rubber-band-effect. How do I handle this glitch? Plus as I scroll down by dragging I get a warning in Logcat: </p>
  
  <pre><code> W/webview(2795): Miss a drag as we are waiting for WebCore's response for touch down.
  </code></pre>
  
  <p>Check my following code in which the list items are getting dynamically added which should not be the issue, the problem IMO lies in html itself.  </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Storage Example &lt;/title&gt; 
      &lt;link rel="stylesheet" type="text/css" href="indexCss.css" /&gt;
      &lt;style type="text/css" media="all"&gt;
      body,ul,li {
          padding:0;
          margin:0;
          border:0;
      }
      &lt;/style&gt;
  
      &lt;script type="text/javascript" charset="utf-8" src="cordova-2.0.0.js"&gt;&lt;/script&gt;
      &lt;script src="index.js" type="text/javascript" charset="utf-8" &gt;
      &lt;/script&gt;
  
    &lt;/head&gt;
    &lt;body&gt;
  
      &lt;header&gt;
   &lt;input type="text" id="name" placeholder="enter name" /&gt;
  &lt;input type="button" value="Add" onclick='Add();' /&gt;
  &lt;/header&gt;
  
  &lt;div id="wrapper"&gt;
      &lt;div id="scroll-content"&gt;
  
  &lt;div id="result"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;footer&gt;
      Some Footer Content 
  &lt;/footer&gt;
  
      &lt;script type="text/javascript" src="iscroll.js"&gt;&lt;/script&gt;
  
      &lt;script type="text/javascript"&gt;
  
  var theScroll;
  function scroll() {
      theScroll = new iScroll('wrapper');
  }
  document.addEventListener('DOMContentLoaded', scroll, true);
  
  
  
  &lt;/script&gt;
  
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>