2015-12-15 22 views
2

我試圖將按鈕選項卡作爲我的應用程序的頁腳,但它不停留在屏幕的底部。我認爲位置:固定,底部:0會使它停留在底部。位置:固定,底部:0似乎不適用於離子應用程序

​​

我居然給班上.tabs-BTM:

.tabs-btm { 
    position: fixed; 
    bottom: 0; 
} 
+0

CSS很好,問題在於你的codepen中包含的東西。離子CSS包含在CSS之後的頁面中,因此離子選項卡CSS定位會覆蓋您的固定位置。 – BurningLights

+0

您應該在帖子中包含與問題相關的所有必要代碼。 – KittMedia

回答

3

工作液:

http://codepen.io/anon/pen/XXXJBp

剛剛更改了tabs格到您的ion-content元素之外。這使得它保持在body標記之後的第一個級別,並受position:fixed;規則的正確影響。

+0

您應該在帖子中包含與答案有關的所有必要代碼。 – KittMedia

+0

我認爲,但通過發佈代碼來證明我的更改目的是很困難的。改變是在一個片段的位置,並顯示它,我將不得不再次粘貼整個事情,這似乎不夠... –