uni-app 使用fixed 定位到底部，设置bottom为0，被底部tabbar遮挡

分类：uni-app

uniapp

在小屏幕的时候，被tabBar遮挡了超大半部分

在屏幕相对大的时候，被tabBar遮挡了半部分左右

position: fixed;  
bottom: 0rpx;

一般在uni-app 使用fixed到底部怎么才会不被tabBar遮挡，而且不同屏幕大小都能兼容

2019-09-11 10:46 负责人:无分享

6 个回复

bottom: var(--window-bottom);

口区

看文档 https://uniapp.dcloud.io/frame?id=css%e5%8f%98%e9%87%8f

2019-09-11 15:06
1***@qq.com

回复口区: 设置bottom: var(--window-bottom); iphone x 高度不是50 他的高度是50的在iphone x上面还是会遮挡

2019-12-12 12:05

把bottom调高点不就行啦，uniapp的底栏固定高度50

上面有两张图，不同屏幕大小遮挡的不同，用的单位是rpx，我也试过调高点，不能兼容不同的屏幕尺寸

你好我也是这个问题解决了嘛

我也碰到相同的问题了，在小程序上tabbar没有将固定栏遮挡，如果直接调高，浏览器H5页面是对了，但在小程序上面离底部的定位就太高了，求解决办法

3***@qq.com - Front小思

w我想要它从tabar上滑出来呢？请问需要设置什么

该问题目前已经被锁定, 无法添加新回复