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

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

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

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

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

bug模拟(注意ScrollView视图)

bug代码

修改后的代码

修改后的demo模拟

相关推荐
拾光拾趣录2 小时前
括号生成算法
前端·算法
拾光拾趣录3 小时前
requestIdleCallback:让你的网页如丝般顺滑
前端·性能优化
前端 贾公子3 小时前
vue-cli 模式下安装 uni-ui
前端·javascript·windows
拾光拾趣录3 小时前
链表合并:双指针与递归
前端·javascript·算法
@大迁世界4 小时前
前端:优秀架构的坟墓
前端·架构
期待のcode4 小时前
图片上传实现
java·前端·javascript·数据库·servlet·交互
hbrown5 小时前
Flask+LayUI开发手记(十一):选项集合的数据库扩展类
前端·数据库·python·layui
猫头虎5 小时前
什么是 npm、Yarn、pnpm? 有什么区别? 分别适应什么场景?
前端·python·scrapy·arcgis·npm·beautifulsoup·pip
迷曳5 小时前
27、鸿蒙Harmony Next开发:ArkTS并发(Promise和async/await和多线程并发TaskPool和Worker的使用)
前端·华为·多线程·harmonyos
安心不心安6 小时前
React hooks——useReducer
前端·javascript·react.js