在做移动端时,下面的tabbar在首页是必须有的,但是点进去某一个页面时,不应该有tabbar。因此,怎么样可以去掉tabbar呢?
设置css样式。
首先高度为100vh,将整个高度占满,并设置背景。
然后设置层叠z-index。因为z-index只对定位元素有效,即具有 position 属性设置为 relative、absolute、fixed 或 sticky 的元素有效。
最后当内容很长超出窗口时,tabbar还是会出来。因此还需要overflow-y。1.
auto:如果内容超出元素的垂直尺寸,浏览器会根据需要提供滚动条。如果内容没有超出,滚动条则不会显示。
.top-page {
height: 100vh;
background-color: #fff;
position: relative;
z-index: 999;
overflow-y: auto;
}