Taro的scrollView组件在同级节点更新的时候滚动条会重新回到顶部的问题

最近在开发一个通讯系统的时候发现了一个Taro的ScrollView上存在的bug。关于ScrollView组件在同级节点被改变的时候,滚动条会重新回到顶部的问题。

排查后确定是组件被重新创建了。但是尽管加了key。组件依然会被重新创建。但是把ScrollView换成View加上overflow:"scroll"模拟同样的问题,嘿。就没事。

先说解决方案:在被更改的节点外层加上Block标签即可解决问题。

当然其他元素可以,比如View,反正不要让ScrollView的同级节点更新就行。

bug模拟(注意ScrollView视图)

bug代码

修改后的代码

修改后的demo模拟

相关推荐
JunpengHu8 分钟前
CSS 滤镜(filter)
前端
时雨__9 分钟前
uniapp转鸿蒙app内部测试发布过程——踩坑记录
前端·harmonyos
去伪存真16 分钟前
Android手机不支持文字转语音window.speechSynthesis API,怎么办?
前端
三年三月38 分钟前
自建HTTPS证书
前端·javascript
木易士心1 小时前
如何优化v-if和v-for的性能?
前端·javascript
三年三月1 小时前
浏览器地址栏回车 vs 点击刷新按钮的缓存行为差异分析
前端·javascript
CsharpDev-奶豆哥1 小时前
微信小程序通过主键ID修改json数据的技术分享
微信小程序·小程序·json
汤姆yu1 小时前
基于微信小程序的防诈骗管理系统
微信小程序·小程序·防诈骗管理
码农刚子1 小时前
ASP.NET Core Blazor 核心功能一:Blazor依赖注入与状态管理指南
前端·后端
胖虎2651 小时前
基于Vue3+xgplayer 移动端直播解决方案
前端