小程序
小游戏
企业微信
微信支付
扫描小程序码分享
首先想到的解决方法是scroll-into-view,但是用这个方法上拉加载历史数据会导致页面闪一下
如图,等聊天记录更新后再设置scroll-into-view,页面会先闪一下,实际体验很差。
(用vue写就不会有这个问题,这个是vue写的非小程序项目)
因为小程序里面获取元素的高度都是异步操作,通过设置scrollTop闪烁效果也很明显,想问一下大家是怎么解决这个问题的
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请问有解决吗
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
没弄过,闪一下的原因是不是就是,新数据是unshift进来的,在setData的时候会向下顶一下?那就试试长列表的思路,就是数据实际有100条,但是只展示充满可视高度的数量,比如setData十条数据,然后监听滚动,更换这十条数据,这样新数据进来不会立刻渲染进页面,需要滚动到相应位置才展示,应该可以解决上面说的问题
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请问有解决吗
没弄过,闪一下的原因是不是就是,新数据是unshift进来的,在setData的时候会向下顶一下?那就试试长列表的思路,就是数据实际有100条,但是只展示充满可视高度的数量,比如setData十条数据,然后监听滚动,更换这十条数据,这样新数据进来不会立刻渲染进页面,需要滚动到相应位置才展示,应该可以解决上面说的问题