Question

我有一个错误，我无法跟踪它出现的原因。我正在使用jQuery mobile（版本1.4.5和jQuery 1.11.1）创建一个Web移动应用程序，由于某种原因，我有以下问题：

在Desctop（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 mobile不在chrome上滚动但在firefox上滚动（android在桌面上反之亦然）

1 个答案: