JQuery Mobile Windows phone 8固定页脚

Question

我有一个phonegap windows phone 8应用程序，带有jquery mobile用于造型。我正在使用固定页脚进行导航。然而，页脚从手机底部向上浮动了几个像素。

我已经完成了android/Ios版本的应用程序。我使用Adobe Phonegap构建来构建我的应用程序。安卓/IOS版本运行良好。但现在我正在尝试测试该应用程序的WindowsPhone8版本，我也在手机浏览器中进行了测试，它在Windows8phone、ios和android中完美工作。但我构建了windowsphone应用程序（app.xap），并安装在windowsphone中，页脚的位置没有如预期的那样，从底部到顶部有间隙。

请帮帮我。任何帮助都将不胜感激。谢谢=）

<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中添加position absolute。