j***@163.com
j***@163.com
  • 发布:2023-07-04 16:37
  • 更新:2023-09-28 09:15
  • 阅读:537

【报Bug】scroll-view 内容变化后,设置scroll-top,内容显示是空白的,但是元素事件都可以触发,必须手动划一下屏幕才显示正常

分类:uni-app

产品分类: 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;

此时滚动条位置没问题,是上次浏览的位置,但是界面展示的是空白的

预期结果:

应该能正常看到当前滚动条位置对应的内容

实际结果:

页面空白什么也看不到,但是点击屏幕,里面看不见的元素的事件还是可以触发的。

必须手动划一下屏幕才能正常显示

bug描述:

使用scroll-view的触顶事件加载数据,加载完毕后scroll-view会自动回到顶部,如果此时使用更改scroll-top至上一次浏览位置,则scroll-view内容空白,什么也看不到,但是可以触发内部元素事件.

必须手动划一下scroll-view容器才能正常显示内容,否则一直是空白的

2023-07-04 16:37 负责人:无 分享
已邀请:
Diligent_UI

Diligent_UI - 【插件开发】【专治疑难杂症】【多款插件已上架:https://ext.dcloud.net.cn/publisher?id=193663(微信搜索飘逸科技UI小程序直接体验)】【骗子请绕道】问题咨询请加QQ群:120594820,代表作灵感实用工具小程序

能具体描述问题吗,提供效果截图和代码截图可以高效率解决问题

1***@qq.com

1***@qq.com - 隔壁小王同学

这个代码可以复现,复现步骤
1、npm install
2、npm run dev:mp-weixin-minimize
3、打开微信开发者工具导入编译项目
4、快速向上滑动列表页数据,会出现白屏(如果不出现,多试几次)

1***@qq.com

1***@qq.com - 隔壁小王同学

截图如下

  • ohhhh

    请问问题解决了吗

    2023-08-15 17:12

找零工

找零工 - 专注即时零工领域

我也是同样的问题只有苹果手机是这样,安卓正常

3***@qq.com

3***@qq.com - 程序媛

请问解决了吗?我也是设置scroll-top后白屏,滑动一下又正常显示了

牛肉羹一碗

牛肉羹一碗

加上:scroll-anchoring="true"试试,

要回复问题请先登录注册