有些地方需要tab-bar,有些地方不需要tab-bar,如何实现呢?

91 阅读1分钟

在做移动端时,下面的tabbar在首页是必须有的,但是点进去某一个页面时,不应该有tabbar。因此,怎么样可以去掉tabbar呢?

设置css样式。

首先高度为100vh,将整个高度占满,并设置背景。

然后设置层叠z-index。因为z-index只对定位元素有效,即具有 position 属性设置为 relativeabsolutefixed 或 sticky 的元素有效。

最后当内容很长超出窗口时,tabbar还是会出来。因此还需要overflow-y。1.

auto:如果内容超出元素的垂直尺寸,浏览器会根据需要提供滚动条。如果内容没有超出,滚动条则不会显示。

.top-page {
  height: 100vh;
  background-color: #fff;
  position: relative;
  z-index: 999;
  overflow-y: auto;
}