Jquery 如何将导航栏永久固定在页眉上?

Jquery 如何将导航栏永久固定在页眉上?,jquery,jquery-mobile,cordova,Jquery,Jquery Mobile,Cordova,我有一个问题,当用户试图编辑文本字段时,修复页眉和页脚,以便onFocus键盘影响推送页眉。我使用的位置绝对和固定,但问题仍然存在。请检查代码 <html> <head> </head> <body> <div data-role="page" id="login" style="background-image: url('img/bg.png');background-size:

我有一个问题,当用户试图编辑文本字段时,修复页眉和页脚,以便onFocus键盘影响推送页眉。我使用的位置绝对和固定,但问题仍然存在。请检查代码

<html>
        <head>
           </head>
    <body>

    <div data-role="page" id="login"  style="background-image: url('img/bg.png');background-size: 100% 100%; margin-top: 0px; ">    
        <div data-role="header" id="Header" data-position="fixed">
                <img src="img/nav_bar.png"  width="100%" height="auto" />
        </div>
    <div data-role="footer" id="Footer" data-position="fixed" style="height:15%;">

                        <img src="img/Footer.png"  onclick="location.href='Register.html'" width="100%" height="auto"/>
                        <div class="ui-grid-a" style="width:100%">  
                        <div class="ui-block-a" > <img src="img/phone.png" width="100%" height="auto" id="phonedial" onclick="javascript:dialCall();" ></div>
                        <div class="ui-block-b" ><img src="img/Website_link.png" width="100%" height="auto" id="website" onclick="javascript:websiteCall();"></div>
                        </div>
                </div>


            </div>
    </body> 
    </html>


您的问题是什么?请指定您的问题。你指的是哪个文本字段?我的键盘覆盖在输入文本字段上,如何解决这个问题?