title: No scrolling at all after iScroll 5 library integration
body: <p>I added the iScroll library on <a href="http://dev.bit.co.in" rel="nofollow">http://dev.bit.co.in</a></p>
  
  <p>I've put in place the bare minimum. The entire body content is encapsulated by</p>
  
  <pre><code>&lt;div id="wrapper"&gt;
  &lt;div id="scroller"&gt;
  ...
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and in the head I put this: </p>
  
  <pre><code>&lt;script type="text/javascript" src="/themes/bit.co.in/js/iscroll-master/build/iscroll.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  
  var myScroll;
  
  function loaded () {
          myScroll = new IScroll('#wrapper');
  }
  
  document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>Also, to the body tag I added onload="loaded()" and in the CSS I added this:</p>
  
  <pre><code>@media (max-width: 430px) {
  body {
          /* On modern browsers, prevent the whole page to bounce */
          overflow: hidden;
  }
  
  #wrapper {
          position: relative;
          width: 300px;
          height: 300px;
          overflow: hidden;
  
          /* Prevent native touch events on Windows */
          -ms-touch-action: none;
  
          /* Prevent the callout on tap-hold and text selection */
          -webkit-touch-callout: none;
          -webkit-user-select: none;
          -moz-user-select: none;
          -ms-user-select: none;
          user-select: none;
  
          /* Prevent text resize on orientation change, useful for web-apps */
          -webkit-text-size-adjust: none;
          -moz-text-size-adjust: none;
          -ms-text-size-adjust: none;
          -o-text-size-adjust: none;
          text-size-adjust: none;
  }
  
  #scroller {
          position: absolute;
  
          /* Prevent elements to be highlighted on tap */
          -webkit-tap-highlight-color: rgba(0,0,0,0);
  
          /* Put the scroller into the HW Compositing layer right from the start */
          -webkit-transform: translateZ(0);
          -moz-transform: translateZ(0);
          -ms-transform: translateZ(0);
          -o-transform: translateZ(0);
          transform: translateZ(0);
  }
  
  }
  </code></pre>
  
  <p>These are the barebones changes recommended by iscroll.</p>
  
  <p>Right now when I pull it up in mobile it doesn't seem to scroll at all
  unfortunately.</p>
  
  <p>If you have any ideas, let me know. :)</p>