jQuery Mobile的和固定的页脚

我有一个jQuery移动应用程序包在PhoneGap的。我正在尝试使用固定页脚和页眉，并且在页脚上遇到了一些问题。如果我有X长度的内容，然后在点击后的含量越少 - 页脚会向上移动，而不是粘在屏幕的底部。如果我点击屏幕，它会回到原来的位置。jQuery Mobile的和固定的页脚

任何想法，为什么会发生这种情况？

我的页脚代码：

<div data-role="footer" data-position="fixed" data-id="footer_main"> 
    <div data-role="navbar"> 
     <ul class="navbar"> 
      <li><a href="#home" data-icon="home" class="search">Home</a></li> 
      <li><a href="#bycity" data-icon="search" class="search2">City</a></li> 
     </ul> 
    </div><!-- /navbar --> 
</div><!-- /footer -->

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

BTW - 我使用jQuery移动 “jquery.mobile-1.0b2” 和PhoneGap的1.0

来源

2011-08-20 Roman

这是一个jQuery Mobile的问题。目前没有解决方案。 –

哦，人......没有工作？ – Roman

等待B3，......和最终版本 –

尝试添加类页脚：

<div class=”footer” data-role="footer" .....>

，并添加以下功能的点击事件：

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

应该是这个样子：

$('.class').click(function() { 

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

});

来源

2011-10-11 02:48:47 LarsB

我也有同样的问题。我的导航是隐藏的，并且会在用户点击show-navigation-button时显示。

的问题是，即JQM计算和动画页脚位置使用位置的顶部属性instad：固定;底部：0;

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

来源

2012-02-23 16:40:16

您可以通过添加CSS属性，它具有固定在底部页脚。

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

来源

2013-08-12 10:39:11

附加风格= “的位置是：绝对” 到页脚DIV这样的：

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

来源

2014-03-11 11:38:33 batanasov

jQuery Mobile的和固定的页脚

回答

相关问题