即时通讯开发

发布：2023-08-11 10:17
更新：2023-08-11 11:27
阅读：361

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

分类：uni-app

bug反馈

产品分类： 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 负责人:无分享

4 个回复

爱豆豆 - 办法总比困难多

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

{  
            "path": "pages/index/index",  
            "style": {  
                "navigationBarTitleText": "uni-app",  
                "app-plus": {  
                    "bounce": "none"  // 关闭回弹  
                }  
            }  
        }

即时通讯开发 (作者)

页面回弹设置了关闭，本身就是禁用了这个属性

2023-08-11 11:07
爱豆豆

回复即时通讯开发: 能发个录屏吗看一下

2023-08-11 11:18
即时通讯开发 (作者)

回复爱豆豆: 下面楼层里有两个附件，一个是自己的项目复现的，一个是别人的插件demo复现的

2023-08-11 11:28
爱豆豆

回复即时通讯开发: 我ios真机忽然不能调试了。用的模拟器没复现出来

2023-08-12 15:45
爱豆豆

回复爱豆豆: 难受了

2023-08-12 15:46
即时通讯开发 (作者)

回复爱豆豆: 模拟器复现不出来，我只用模拟器也复现不了，只有真机暴力下滑加载更多才能复现

2023-08-14 09:28

即时通讯开发 (作者)

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

即时通讯开发 (作者)

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

QQ视频20230811112301.zip

即时通讯开发 (作者)

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

QQ视频20230811112632.zip

爱豆豆

position:fixed的元素是写在了 z-paging里了嘛？

2023-08-11 17:16
即时通讯开发 (作者)

回复爱豆豆: 是的写在z-paging里面了，插件封装是在z-paging里面有头部和底部的插槽

2023-08-14 09:27
爱豆豆

回复即时通讯开发: 你把fixed的元素写在z-paging外部然后z-paging的头部插槽里放和空盒子占位试试

2023-08-14 09:31
即时通讯开发 (作者)

回复爱豆豆: 好的我试试

2023-08-14 09:35
即时通讯开发 (作者)

回复爱豆豆: 试过了写在外面也会消失

2023-08-14 14:35

要回复问题请先登录或注册

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

操作步骤：

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

预期结果：

滚动fixed属性不失效

实际结果：

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

bug描述：

4 个回复

公告

相关问题

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

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

预期结果： 滚动fixed属性不失效

实际结果： 快速暴力滚动fixed属性会失效

bug描述：

与内容相关的链接

4 个回复

公告

相关问题

操作步骤：

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

预期结果：

滚动fixed属性不失效

实际结果：

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