goper
goper
  • 发布:2022-09-22 17:43
  • 更新:2022-10-09 15:29
  • 阅读:379

【报Bug】使用组件scroll_view 内固定元素在苹果iPhone XR兼容性问题

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.6.3

浏览器平台: Chrome

浏览器版本: 版本 102.0.5005.63

项目创建方式: HBuilderX

示例代码:
<template>  
    <view>  
        <scroll-view style="height:896px;width:750rpx" scroll-y="true">  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>2</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>3</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>1</view>  
            <view>4</view>  
            <view>6</view>  
            <view style="position: fixed;bottom: 0">我是固定的</view>  
        </scroll-view>  

    </view>  

</template>  

<script>  
    export default {  

    }  
</script>  

<style>  

</style>

操作步骤:

代码运行到浏览器,开启调试者模式,选择苹果iPhone XR 手机

预期结果:

元素固定在底部

实际结果:

元素下移了

bug描述:

使用scroll-view 包含多个view ,最后一个view 使用fiexd固定在底部,发现在iPhone XR 固定的元素会下移到屏幕下,甚至看不到

2022-09-22 17:43 负责人:无 分享
已邀请:
goper

goper (作者)

记录一下,坑

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