今天使用JQuery-Weui 发现weui-tabbar 不沉底,查询了一下相关资料 ,要给父容器增加高度。问题解决;
另外,需要动态设置好每个DIV得高度 ,使父容器高度永远等于设备分辨率高度,并计算好每个DIV得高度使样式贴合
HTML:
<div id="container">
<div class="title">订单列表</div>
<div id="mainDiv" style="overflow:auto;"></div>
<div class="weui-tabbar">
<a href="#tab1" class="weui-tabbar__item weui-bar__item--on">
<span class="weui-badge" style="position: absolute;top: -.4em;right: 1em;">8</span>
<div class="weui-tabbar__icon">
<img src="./images/icon_nav_button.png" alt="">
</div>
<p class="weui-tabbar__label">微信</p>
</a>
<a href="#tab2" class="weu