jQuery Mobile和固定的页脚

我有一个用PhoneGap包装的jQuery移动应用程序。 我正在尝试使用固定的页脚和标题，并在页脚中遇到一些问题。 如果我有X长度的内容，然后点击后内容较小 – 页脚将向上移动而不是粘在屏幕的底部。 如果我点击屏幕，它将返回到它的位置。

任何想法为什么会这样？

我的页脚代码是：

 
 
 
Home
 
City
 
 
 
 

这个问题会在Android和iPhone上以几乎相同的方式发生（iPhone甚至可能更多）。

顺便说一句 – 我正在使用jQuery mobile“jquery.mobile-1.0b2”和PhoneGap 1.0

Answer 1

尝试在页脚中添加一个类：

并将以下函数添加到您的click事件：

 $('.footer').trigger('create'); 

应该看起来像这样：

 $('.class').click(function() { $('.footer').trigger('create'); }); 

Answer 2

我也有同样的问题。 当用户点击show-navigation-button时，我的导航将被隐藏，并将显示。

问题是，JQM为页脚位置计算和动画使用position：fixed的top属性instad; 底部：0;

我敢肯定，他们有理由选择。 但我不知道它是什么。 我发现没有重新定位页脚顶部位置的function。 $('.footer').trigger('create') ; ..不适合我。

Answer 3

您可以通过向其添加CSS属性将页脚固定在底部。

 bottom:0; position:absolute !important; top: auto !important; width:100%; 

Answer 4

将style =“position：absolute”添加到页脚div，如下所示：