837435186@qq.com
837435186@qq.com
  • 发布:2019-09-11 10:46
  • 更新:2020-06-08 12:17
  • 阅读:7673

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

分类:uni-app

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

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

position: fixed;  
bottom: 0rpx;

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

2019-09-11 10:46 负责人:无 分享
已邀请:
口区

口区 -

bottom: var(--window-bottom);

  • 口区

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

    2019-09-11 15:06

  • 173972819@qq.com

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

    2019-12-12 12:05

15622090595@163.com

15622090595@163.com

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

837435186@qq.com

837435186@qq.com (作者)

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

1565676679@qq.com

1565676679@qq.com

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

1961301428@qq.com

1961301428@qq.com

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

要回复问题请先登录注册