android - JQuery Mobile Windows Phone 8 固定页脚

Question

我有一个带有 jquery mobile 样式的 phonegap Windows Phone 8 应用程序。我正在使用固定页脚进行导航。然而，页脚漂浮在手机底部上方几个像素处。

我完成了应用程序的android/Ios 版本。我正在使用 Adob​​e Phonegap 构建来构建我的应用程序。 Android/IOS 版本运行完美。但现在我正在尝试测试该应用程序的 Windows Phone 8 版本，并且我已经在手机浏览器中进行了测试，并且它在 Windows 8 手机、ios 和 android 中完美运行。但我构建了 Windows Phone 应用程序 (app.xap) 并安装在 Windows Phone 中，但页脚未按预期定位，底部与上方有间隙。

请帮帮我。任何有点帮助将不胜感激。谢谢=)

<div data-role="page" data-theme="a" id="page_Login">
        <div data-role="header" data-theme="a" class="okn_applicationTitleLogo">

            <img src="Content/mobile/themes/default/images/logo.png" />
        </div>

        <div data-role="content" data-theme="a" id="loginpage" >
            <div class="okn_contentContainer">
                Login
            <div data-role="fieldcontain" class="ui-hide-label">
                <label for="txtLogin">Username</label>
                <input type="email" name="txtLogin" id="txtLogin" data-bind="value: Username" placeholder="Username" />
            </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="txtPassword">Password</label>
                    <input type="password" name="txtPassword" id="txtPassword" data-bind="value: Password" placeholder="Password" />
                </div>
                <div data-role="fieldcontain">
                    <label>
                        <input type="checkbox" name="chkRememberLogin" data-bind="checked: RememberMe " />
                        Remember me</label>
                </div>



        </div>
        <div data-role="footer" data-id="footer_Main" id="firstFooter"    data-theme="a"  >
            <h4>&copy; <span class="footer_copyrightYear">2000</span>  <span class="footer_version"></span></h4>
        </div>

   </div>
    </div>

Answer 1

像这样更改页脚 div:

 <div data-role="footer" data-position="fixed" style="position: absolute">

或者，如果您愿意，您可以直接在 jquery 移动 CSS 中添加绝对位置。