2014-10-22 47 views
0

我使用jQuery Mobile的1.4.2如何将页脚在页面

我增加了一些CSS来“数据角色=”页面”,使我能避免jQuery Mobile的默认滚动的底部。 当我添加其影响我的footer.I无法修复它(我不想使用的位置:固定)。 我希望页脚总是在页面的底部。但如果内容是少我希望这一个窗口(屏幕)的底部。

here is a link to jsfiddle 

click here

如果我在页脚中添加绝对值,当内容小于屏幕尺寸时它工作正常。如果它超过屏幕尺寸,它会重叠。 你可以通过垂直变换jsfiddle的输出框来看到这个。

+0

的问题都可以http://stackoverflow.com/questions/6861764/jquery-mobile-stick-footer-to-bottom-of-page – 2014-10-22 05:58:39

+0

的副本@BhabaniMishra我尝试过,但它没有工作。因为我添加了底部:0代表“数据角色:页面”,如果我删除的页脚将会正常工作。但是我希望“底部:0”在“数据角色:页面“来避免默认的jqm。 – user3350169 2014-10-22 06:03:03

+0

如何将内容div大小减去页眉和页脚的屏幕大小:http://jqmtricks.wordpress.com/2014/02/06/content-div-height-fill-page-height/ – ezanker 2014-10-22 13:56:24

回答

0

你试试这个,

<div data-role="footer" data-theme="o" data-position="fixed" data-tap-toggle="false"> 
<div> I am Footer </div>  
</div> 
+0

我不想要固定页脚我想要一个页脚的动态位置,并且当内容较少时它应该停留在底部。 – user3350169 2014-10-22 06:41:21