react-weui icon indicating copy to clipboard operation
react-weui copied to clipboard

求教:tabbar怎么固定到页面底部?

Open SoYesterday24 opened this issue 8 years ago • 5 comments

现在的tabbar,是紧跟内容的,怎么固定到底部?

SoYesterday24 avatar Mar 22 '17 12:03 SoYesterday24

.tabbar { background-color: #EBEBEB; position: fixed; bottom: 0px; left: 0px; width: 100%; } 在TabBar外面包一个div标签,然后CSS样式设置如上。

luopangda avatar Apr 14 '17 08:04 luopangda

body 和 TabBar上层div设置stype高度为100%: body{height:100%} #container{height:100%}

onecmd avatar Apr 22 '17 04:04 onecmd

TabBar外围添加一个wrapper <div style="height:100vh;"></div>,

BranLiang avatar May 06 '17 04:05 BranLiang

整个tabbar外包一个div,然后div的css设置为position: fixed;bottom: 0px;再加height: 100%, 这样就让整个tabbar置于底部,但整个高度为100%充满屏幕

Yitta avatar Aug 06 '17 13:08 Yitta

直接添加样式

.weui-tabbar {
    position: fixed;
}

zhaopei8948 avatar Sep 22 '17 02:09 zhaopei8948