2014-10-22 44 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