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

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

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

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

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

bug模拟(注意ScrollView视图)

bug代码

修改后的代码

修改后的demo模拟

相关推荐
卿着飞翔12 分钟前
Vue使用yarn进行管理
前端·javascript·vue.js
夏天想17 分钟前
vue通过iframe引入一个外链地址,怎么保证每次切换回这个已经打开的tab页的时候iframe不会重新加载
前端·javascript·vue.js
GISer_Jing18 分钟前
2026年前端开发目标(From豆包)
前端·学习·aigc
军军君011 小时前
Three.js基础功能学习十一:动画与音频
前端·javascript·3d·js·threejs·三维
我即将远走丶或许也能高飞1 小时前
reduxjs/toolkit 的学习使用
前端·javascript·学习·reactjs
Coder_Boy_1 小时前
基于SpringAI的在线考试系统-知识点管理模块完整优化方案
java·前端·人工智能·spring boot
Dontla1 小时前
打开网站时弹出Accept Cookies(接受Cookie)提示是什么意思?(数据保护法规,欧盟GDPR)
前端·数据库
weixin_489690022 小时前
MicroSIP自定义web拨打协议
服务器·前端·windows
幻云20102 小时前
Python机器学习:筑基与实践
前端·人工智能·python
web小白成长日记2 小时前
Vue3中如何优雅实现支持多绑定变量和修饰符的双向绑定组件?姜姜好
前端·javascript·vue.js