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

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

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

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

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

bug模拟(注意ScrollView视图)

bug代码

修改后的代码

修改后的demo模拟

相关推荐
木觞清2 分钟前
喜马拉雅音频链接逆向实战
开发语言·前端·javascript
一枚前端小能手6 分钟前
「周更第6期」实用JS库推荐:InversifyJS
前端·javascript
Hilaku8 分钟前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js
前端缘梦12 分钟前
Webpack 5 核心升级指南:从配置优化到性能提升的完整实践
前端·面试·webpack
汤姆Tom19 分钟前
现代 CSS 架构与组件化:构建可扩展的样式系统
前端·css
偷光20 分钟前
浏览器中的隐藏IDE: Console (控制台) 面板
开发语言·前端·ide·php
时间的情敌27 分钟前
对Webpack的深度解析
前端·webpack·node.js
拜无忧34 分钟前
【案例】可视化模板,驾驶舱模板,3x3,兼容移动
前端·echarts·数据可视化
向葭奔赴♡41 分钟前
前端框架学习指南:提升开发效率
前端·javascript·vue.js
小高0071 小时前
🔥🔥🔥Vue 3.5 核弹级小补丁:useTemplateRef 让 ref 一夜失业?
前端·javascript·vue.js