菜菜2
菜菜2
  • 发布:2021-05-28 11:34
  • 更新:2021-05-28 11:43
  • 阅读:529

【报Bug】XBuilder X 版本 3.1.13.20210514,h5页面使用fixed定位出错

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window 10

HBuilderX类型: 正式

HBuilderX版本号: 3.1.13

手机系统: 全部

手机厂商: 华为

页面类型: vue

打包方式: 云端

项目创建方式: HBuilderX

测试过的手机:

一加8

示例代码:

<uni-view class="notices_head">头部</uni-view>

.notices_head{
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100rpx;
line-height: 1;
}

操作步骤:

.notices_head{
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100rpx;
line-height: 1;
}

预期结果:

固定位置是从 导航底部之后起算

实际结果:

固定位置是从 导航头部的位置 起算

bug描述:

h5页面,想固定view在顶部0的位置,但是固定之后,不是在导航下,而是跟导航一样的位置,并且被覆盖

2021-05-28 11:34 负责人:无 分享
已邀请:
口区

口区 -

top不应该设置为0,应该设置为 top: var(--window-top);
可以看下文档 https://uniapp.dcloud.io/frame?id=css%e5%8f%98%e9%87%8f

  • 菜菜2 (作者)

    好的,谢谢

    2021-05-28 11:51

菜菜2

菜菜2 (作者) - 11

所以是更新了对吗,因为之前一直使用 0的

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