即时通讯开发
即时通讯开发
  • 发布:2023-08-11 10:17
  • 更新:2023-08-11 11:27
  • 阅读:236

【报Bug】在IOS中 position:fixed 当使用page页面自己的滚动时候,属性会失效

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

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

HBuilderX类型: 正式

HBuilderX版本号: 3.8.12

手机系统: iOS

手机系统版本号: iOS 16

手机厂商: 苹果

手机机型: iphone13

页面类型: vue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

操作步骤:

onPageScroll(e) {
//如果滚动到顶部,触发加载更多聊天记录
if (e.scrollTop < 10) {
console.log('到顶了')
this.$refs.paging.doChatRecordLoadMore();
}
}

预期结果:

滚动fixed属性不失效

实际结果:

快速暴力滚动fixed属性会失效

bug描述:

使用页面滚动到顶部以后加载跟多消息 需要暴力快速向上滚动才能复现
onPageScroll(e) {
//如果滚动到顶部,触发加载更多聊天记录
if (e.scrollTop < 10) {
console.log('到顶了')
this.$refs.paging.doChatRecordLoadMore();
}
}

如果是本身长页面,滚动不会导致fixed属性失效 只有在动态加载数据的时候才会复现

2023-08-11 10:17 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

只是快速滚动的时候会失效吧!应该是ios回弹效果影响的 可通过页面配置关闭ios默认回弹效果

{  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "uni-app",  
                "app-plus": {  
                    "bounce": "none"  // 关闭回弹  
                }  
            }  
        }
即时通讯开发

即时通讯开发 (作者)

本项目用的是项目市场z-paging组件
https://ext.dcloud.net.cn/plugin?id=3935
他的demo就可以复现这个问题

即时通讯开发

即时通讯开发 (作者)

视频最后几秒复现,不是每次都会出现的

即时通讯开发

即时通讯开发 (作者)

这个是我用的插件的demo复现效果,这个复现快一点

要回复问题请先登录注册