title: jQuery mobile not scrolling on chrome but scrolling on firefox (android and vice versa on desktop)
body: <p>I have a bug that I can't track why it appears. I'm making a web mobile app with jQuery mobile (ver. 1.4.5 and jQuery 1.11.1) and for some reason I have the following issue:</p>
  
  <p><strong>On Desctop(Linux):</strong></p>
  
  <p>Chrome v.40 scrolling the current page - working</p>
  
  <p>Firefox 35.0.1  scrolling the current page - not working</p>
  
  <p><strong>Mobile browsers (Android 4.2 and Android 5.0.1):</strong></p>
  
  <p>Firefox(34.0.1) - swiping up and down the page working</p>
  
  <p>Chrome(v40.0.2214.89) - swiping up and down the page not working.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;body class="ui-body"&gt;
  
  &lt;!-- MAIN PAGE --&gt;
      &lt;div data-role="page" id="main-page"&gt;
  
      &lt;!-- ABOUT PANEL --&gt;
          &lt;div data-role="panel" id="about-page" data-position="right"&gt;
                  &lt;h3&gt; About &lt;/h3&gt;
                  &lt;p&gt; Lorem ipsum dolor sit amet.&lt;/p&gt;
                  &lt;button id="tst" class="ui-btn"&gt; Do things. &lt;/button&gt;
  
          &lt;/div&gt;
      &lt;!-- END ABOUT PANEL --&gt;
  
      &lt;!-- HEADER --&gt;
          &lt;div data-role="header"&gt;
              &lt;a href="#login" id="login" class="ui-btn ui-corner-all ui-icon-lock" data-transition="pop"&gt;Login&lt;/a&gt;
              &lt;h2&gt; AZMO mobile &lt;/h2&gt;
          &lt;/div&gt;
      &lt;!-- END HEADER --&gt; 
      &lt;!-- MAIN CONTENT --&gt;
          &lt;div data-role="main" class="ui-content" id="content"&gt;
  
              &lt;ul id="postlist" data-role="listview" data-inset="true"&gt;
                  &lt;!-- the content here is generated with jQuery --&gt;
              &lt;/ul&gt;
  
          &lt;/div&gt;
  
      &lt;!-- END MAIN CONTENT --&gt;
      &lt;!-- FOOTER --&gt;
          &lt;div data-role="footer"&gt;
              &lt;h3&gt; Footwe main &lt;/h3&gt;
          &lt;/div&gt;
      &lt;!-- END FOOTER --&gt;     
      &lt;/div&gt;
  &lt;!-- END MAIN PAGE --&gt;
      &lt;div data-role="page" id="single-page" data-add-back-btn="true"&gt;
          &lt;div data-role="header"&gt;
              &lt;a href="#main-page" data-rel="back" class="ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext"&gt;Back&lt;/a&gt;
              &lt;h2 id="single-post-title"&gt; &lt;/h2&gt;
          &lt;/div&gt;
  
          &lt;div data-role="main" class="ui-content" id="single-page-content" data-inset="true"&gt;
              &lt;!-- post content is generated with jQuery --&gt;
          &lt;/div&gt;
  
          &lt;div data-role="footer"&gt;
              &lt;h2&gt; footer text &lt;/h2&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>