【报Bug】透明渐变导航栏，加一个固定定位头部导航栏会存在适配问题

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 11.5.2

HBuilderX类型：正式

HBuilderX版本号： 3.6.4

手机系统：全部

手机厂商：华为

页面类型： vue

vue版本： vue2

打包方式：云端

项目创建方式： HBuilderX

测试过的手机：

iphone11,vivio Y10

示例代码：

const { platform,statusBarHeight } = uni.getSystemInfoSync();
this.platform = platform;
if(platform == 'ios'){
return {
top:statusBarHeight+'px',

                }  
            }  
            if(platform == 'android'){  
                return {  
                    top:(statusBarHeight + 44)+ 'px',  

                }  
            }

操作步骤：

尝试了各方法，总是不能很好解决，H5没有问题，主要是app；
1.导航栏透明渐变
2.等某个元素距离顶部0的时候，固定定位

预期结果：

固定定位元素正常布局

实际结果：

要么被遮挡，要么有缝隙

bug描述：

固定定位不能与导航栏紧紧贴合，这是H5截图，app 要么遮挡，要么有缝隙

2022-11-09 14:42 负责人:无分享

0 个回复

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

【报Bug】透明渐变导航栏，加一个固定定位头部导航栏会存在适配问题

测试过的手机：

示例代码：

const { platform,statusBarHeight } = uni.getSystemInfoSync();
this.platform = platform;
if(platform == 'ios'){
return {
top:statusBarHeight+'px',

`} } if(platform == 'android'){ return { top:(statusBarHeight + 44)+ 'px', } }`

操作步骤：

尝试了各方法，总是不能很好解决，H5没有问题，主要是app；
1.导航栏透明渐变
2.等某个元素距离顶部0的时候，固定定位

预期结果：

固定定位元素正常布局

实际结果：

要么被遮挡，要么有缝隙

bug描述：

0 个回复

公告

相关问题

【报Bug】透明渐变导航栏，加一个固定定位头部导航栏会存在适配问题

测试过的手机：

示例代码： const { platform,statusBarHeight } = uni.getSystemInfoSync(); this.platform = platform; if(platform == 'ios'){ return { top:statusBarHeight+'px', } } if(platform == 'android'){ return { top:(statusBarHeight + 44)+ 'px', } }

操作步骤： 尝试了各方法，总是不能很好解决，H5没有问题，主要是app； 1.导航栏透明渐变 2.等某个元素距离顶部0的时候，固定定位

预期结果： 固定定位元素正常布局

实际结果： 要么被遮挡，要么有缝隙

bug描述：

与内容相关的链接

0 个回复

公告

相关问题

示例代码：

const { platform,statusBarHeight } = uni.getSystemInfoSync();
this.platform = platform;
if(platform == 'ios'){
return {
top:statusBarHeight+'px',

`} } if(platform == 'android'){ return { top:(statusBarHeight + 44)+ 'px', } }`

操作步骤：

尝试了各方法，总是不能很好解决，H5没有问题，主要是app；
1.导航栏透明渐变
2.等某个元素距离顶部0的时候，固定定位

预期结果：

固定定位元素正常布局

实际结果：

要么被遮挡，要么有缝隙