当你的H5tabbar页面只想配置100vh时,那么页面就会出现滚动条
https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%E9%87%8F
那是因为tabbar(
- 由于在 H5 端,不存在原生导航栏和 tabbar,也是前端 div 模拟。如果设置了一个固定位置的居底 view,在小程序和 App 端是在 tabbar 上方,但在 H5 端会与 tabbar 重叠。此时可使用
--window-bottom
,不管在哪个端,都是固定在 tabbar 上方。
)
当只在tabbar页面设置100vh且不想出现滚动条时
min-height: calc(100vh - var(--window-bottom));