jQuery 移动设备不在 chrome 上滚动，但在 firefox 上滚动（android，在桌面设备上则相反）

Question

我有一个错误，我无法追踪它出现的原因。我正在使用 jQuery 移动版（版本 1.4.5 和 jQuery 1.11.1）制作网络移动应用程序，由于某种原因我遇到以下问题：

在桌面上(Linux):

Chrome v.40 滚动当前页面 - 工作

Firefox 35.0.1 滚动当前页面 - 不工作

移动浏览器（Android 4.2 和 Android 5.0.1）：

Firefox(34.0.1) - 上下滑动页面正常

Chrome(v40.0.2214.89) - 无法在页面上上下滑动。

这是我的代码：

<body class="ui-body">

<!-- MAIN PAGE -->
    <div data-role="page" id="main-page">

    <!-- ABOUT PANEL -->
        <div data-role="panel" id="about-page" data-position="right">
                <h3> About </h3>
                <p> Lorem ipsum dolor sit amet.</p>
                <button id="tst" class="ui-btn"> Do things. </button>

        </div>
    <!-- END ABOUT PANEL -->

    <!-- HEADER -->
        <div data-role="header">
            <a href="#login" id="login" class="ui-btn ui-corner-all ui-icon-lock" data-transition="pop">Login</a>
            <h2> AZMO mobile </h2>
        </div>
    <!-- END HEADER --> 
    <!-- MAIN CONTENT -->
        <div data-role="main" class="ui-content" id="content">

            <ul id="postlist" data-role="listview" data-inset="true">
                <!-- the content here is generated with jQuery -->
            </ul>

        </div>

    <!-- END MAIN CONTENT -->
    <!-- FOOTER -->
        <div data-role="footer">
            <h3> Footwe main </h3>
        </div>
    <!-- END FOOTER -->     
    </div>
<!-- END MAIN PAGE -->
    <div data-role="page" id="single-page" data-add-back-btn="true">
        <div data-role="header">
            <a href="#main-page" data-rel="back" class="ui-btn ui-corner-all ui-icon-arrow-l ui-btn-icon-notext">Back</a>
            <h2 id="single-post-title"> </h2>
        </div>

        <div data-role="main" class="ui-content" id="single-page-content" data-inset="true">
            <!-- post content is generated with jQuery -->
        </div>

        <div data-role="footer">
            <h2> footer text </h2>
        </div>

    </div>
</body>

Answer 1

奇怪的是，当我添加

<body class="ui-mobile-viewport ui-overlay-c">

和

<html class="ui-mobile">

一切顺利。

jQuery 移动设备不在 chrome 上滚动，但在 firefox 上滚动（android，在桌面设备上则相反）

jQuery mobile not scrolling on chrome but scrolling on firefox (android and vice versa on desktop)

firefox

android

google-chrome

jquery-mobile