位置：固定，底部：0 似乎不适用于离子应用程序

Question

我正在尝试放置一个按钮选项卡作为我的应用的页脚，但它并没有停留在屏幕底部。我认为 position:fixed, bottom:0 会使其保持在底部。

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

我给了班级.tabs-btm：

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

Answer 1

工作解决方案：

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

刚刚将您的 tabs div 更改为您的 ion-content 元素之外。这使它保持在body 标记之后的第一级，并正确地受到position:fixed; 规则的影响。