H5固定定位踩坑--UNI_APP（二）

一.需求场景：在页面做一个悬浮在tabBar上的按钮

二.常规解法：直接一个固定定位，bottom：tabBar 高度，手机预览没有问题，但是试试ipad，一看就傻眼了

三.正确解法:

position: fixed;
bottom: var(--window-bottom) !important;

就这么简单，注意，如果 tabBar 上还有固定定位，则进行计算就好了

bottom: calc(var(--window-bottom) + 100rpx)

踩坑，踩坑，还是记录一下吧

   当然官方也给出了，只不过眼睛进沙子了，哈哈 。官方网址：uni-app官网