1.使用scroll-view高度600,设置触顶阈值100
2.触顶时在scroll-view内部向前添加新的数据,增量数据尽量长一些,至少每批数据一两屏的高度
3.新数据渲染前记录当前scroll-top,以及scroll-view内容总高度,渲染后,算出新的内容总高度。设置新的scroll-top = scroll-view内容高度的新旧差值 + 旧的scroll-top;
此时滚动条位置没问题,是上次浏览的位置,但是界面展示的是空白的
产品分类: uniapp/App
PC开发环境操作系统: Mac
PC开发环境操作系统版本号: 12.2.1
HBuilderX类型: 正式
HBuilderX版本号: 3.8.4
手机系统: iOS
手机系统版本号: iOS 15
手机厂商: 苹果
手机机型: 12 pro max
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
1.使用scroll-view高度600,设置触顶阈值100
2.触顶时在scroll-view内部向前添加新的数据,增量数据尽量长一些,至少每批数据一两屏的高度
3.新数据渲染前记录当前scroll-top,以及scroll-view内容总高度,渲染后,算出新的内容总高度。设置新的scroll-top = scroll-view内容高度的新旧差值 + 旧的scroll-top;
此时滚动条位置没问题,是上次浏览的位置,但是界面展示的是空白的
应该能正常看到当前滚动条位置对应的内容
页面空白什么也看不到,但是点击屏幕,里面看不见的元素的事件还是可以触发的。
必须手动划一下屏幕才能正常显示
使用scroll-view的触顶事件加载数据,加载完毕后scroll-view会自动回到顶部,如果此时使用更改scroll-top至上一次浏览位置,则scroll-view内容空白,什么也看不到,但是可以触发内部元素事件.
必须手动划一下scroll-view容器才能正常显示内容,否则一直是空白的
6 个回复
Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序
能具体描述问题吗,提供效果截图和代码截图可以高效率解决问题
1***@qq.com - 隔壁小王同学
这个代码可以复现,复现步骤
1、npm install
2、npm run dev:mp-weixin-minimize
3、打开微信开发者工具导入编译项目
4、快速向上滑动列表页数据,会出现白屏(如果不出现,多试几次)
1***@qq.com - 隔壁小王同学
截图如下
ohhhh
请问问题解决了吗
2023-08-15 17:12
找零工 - 专注即时零工领域
我也是同样的问题只有苹果手机是这样,安卓正常
3***@qq.com - 程序媛
请问解决了吗?我也是设置scroll-top后白屏,滑动一下又正常显示了
牛肉羹一碗
加上:scroll-anchoring="true"试试,