Jquerymobile页脚移动

我使用jquerymobile为android phonegap应用程序。我想创建一个粘贴到屏幕底部的页脚（所以它始终显示），即使您必须在页面上滚动。现在这是工作的一半。当我在模拟器滚动测试下来一个页面上，点击屏幕上（用鼠标）头跳起来（看一个例子：http://tinyurl.com/pdv6nlp和http://tinyurl.com/p6xycr9 Jquerymobile页脚移动

我的代码是非常基本的：

<div data-role="page" id="blog" style="background-image:url(img/bg_hdpi.png); background-repeat:no-repeat; background-position:top center; background-attachment:scroll; background-color:#d7d8d8;"> 


<div data-role="content"> 
    <div id="contentTXT"> 
     <div id="outputblog"></div> 
     <img src="img/spacer.gif" height="60" width="100"> 
    </div> 
</div><!-- /content --> 

<div data-role="footer" data-position="fixed" > 
    <div style="float:left;"><a href="#" onclick="history.back(); return false">back</a></div> 
    <div style="float:right;"><a href="#foo" data-transition="flip">home</a></div> 
</div> 
</div>

有人可以帮助我

来源

2013-07-02 user2483081

点击'$（$。mobile.activePage）.trigger（'updatelayout'）;'尝试此修复。 – Omar

你是说在标题的某个地方？当我将它放置在标题中时，这不是任何内容： – user2483081

不，点击事件。（'click'，function（）{上面的代码}）;' – Omar

一对夫妇的CSS线应该修复直到：？

position:fixed; 
bottom:0;

与您的页脚股利内嵌使用：

<div data-role="footer" data-position="fixed" style="position:fixed;bottom:0;">

来源

2013-07-02 16:48:38 jjsears6

position：fixed应该避免，因为在旧手机上，web视图不理解固定的css规则。 – abdu

如果你使用的CSS位置固定，会破坏老设备，如黑莓手机，旧iPhone和老的Android，所以只适用于Android 4.x.

要正确使用jquery mobile属性，请在页脚中添加一个标记，以使其固定在屏幕底部。

<div data-role="footer" data-position="fixed" data-tap-toggle="false"> 
    <div><a href="#" onclick="history.back(); return false">back</a></div> 
    <div><a href="#foo" data-transition="flip">home</a></div> 
</div>

即使您滚动或轻敲身体，轻触切换键将保留页脚。

来源

2013-07-03 07:33:52 abdu

'data-tap-toggle =“false”'适用于我。这应该是更好的答案。 –

@CarsonIp data-tap-toggle不足以修复Android模拟器中的跳转页脚。所以，这不是更好的答案。 data-tap-toggle修复了小页脚跳跃。 –

如果使用1.1或更高版本，请在您的页眉和页脚中添加data-tap-toggle =“false”，如此处所述。

来源

2015-03-16 09:08:50 eliprodigy

Jquerymobile页脚移动

回答

相关问题