uniapp h5的底部高度问题

当你的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));

 当不在tabbar页面设置100vh且不想出现滚动条时

height: calc(100vh - var(--window-top));