当前位置: article > 正文

uniapp h5的底部高度问题_uniapp获取底部tabbar高度

作者：知新_RL | 2024-05-05 08:44:32

踩

uniapp获取底部tabbar高度

当你的H5tabbar页面只想配置100vh时，那么页面就会出现滚动条

那是因为tabbar(

由于在 H5 端，不存在原生导航栏和 tabbar，也是前端 div 模拟。如果设置了一个固定位置的居底 view，在小程序和 App 端是在 tabbar 上方，但在 H5 端会与 tabbar 重叠。此时可使用--window-bottom，不管在哪个端，都是固定在 tabbar 上方。

)

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

min-height: calc(100vh - var(--window-bottom));

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/538137