我创建了一个页脚和一个子页脚来显示参数。现在我的页脚留在底部,但子页脚正好在内容之后。或者有时它落后于内容。 <div id="content" ui-view></div>
加载内容,我使用了 ion-footer。
https://jsfiddle.net/sweety1112/wag7ye4b/15/
<div class="bar-subfooter" class="bar-assertive"> <div class="modeContainer">
<div class="mode modeText ">
<div class="">
Mode:
<p> Modulated Mode </p>
</div>
</div>
<ion-footer-bar>
<div class="bottomcontainer">
<span class="fontClass">
Intensity:
<p> Low </p>
</span>
<div class="vertical-line"> </div>
<span class="fontClass">
Duration:
<p> 20 Min </p>
</span>
<div class="vertical-line"> </div>
<span class="fontClass">
OnTime:
<p> 10 Sec </p>
</span>
<div class="vertical-line"> </div>
<span class="fontClass">
OffTime:
<p> 10 Sec </p>
</span>
</div>
最佳答案
我得到了子页脚的解决方案。其实我的实现是错误的。子页脚将按以下方式实现。可能对其他人有用。
<ion-footer-bar class="bar-subfooter" class="bar-assertive"> <div class="modeContainer">
<div class="mode modeText ">
<div class="">
Mode:
Modulated Mode
</div> </div> </div> </ion-footer-bar> <ion-footer-bar>
<div class="bottomcontainer">
<span class="fontClass">
Intensity:
Low
</span>
<div class="vertical-line"> </div>
<span class="fontClass">
Duration:
20 Min
</span>
<div class="vertical-line"> </div>
<span class="fontClass">
OnTime:
10 Sec
</span>
<div class="vertical-line"> </div>
<span class="fontClass">
OffTime:
10 Sec
</span>
</div>
关于jquery - ionic 子页脚未固定在底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29027644/