4

スタイリング用のjquery mobileを備えたphonegap windows phone 8アプリがあります。ナビゲーションに固定フッターを使用しています。ただし、フッターは電話の下部から数ピクセル上に浮かんでいます。

アプリケーションの Android/Ios バージョンを完成させました。Adobe Phonegap ビルドを使用してアプリケーションをビルドしています。Android/IOS バージョンは問題なく動作しています。しかし今、アプリの Windows Phone 8 バージョンをテストしようとしています。また、電話ブラウザーでテストしただけでなく、Windows 8 phone、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>
    

  • 4

    1 に答える 1

    1

    フッター div を次のように変更します。

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

    または、必要に応じて、jquery モバイル CSS に絶対位置を直接追加することもできます。

    于 2014-03-11T11:20:16.920 に答える