uniapp vue3版本的scroll-view的scroll-into-view方法不生效解决

问题代码如图

bug原因

建了vue2版本和vue3版本的uniapp分别测试,vue3版本的scroll-view存在scroll-into-view不生效的问题,目前未修复(23.12.20)

已找到解决方法:

scroll-view 里需要设置 :scroll-with-animation="true" (23.12.27)

更优解决办法:(24.04.01)

无须设置:scroll-with-animation="true",只需将scroll-into-view的值改为变量,如:scroll-into-view="scrollPoint"
初始设置 scrollPoint: '',在onMounted里或者页面渲染后,再将scrollPoint设置为对应的id值如scrollPoint='activedVideo'即可。
参考:https://ask.dcloud.net.cn/question/126914
修改方式见下图

其他解决方法,换个思路,如图

思路:获取当前选中元素的left值,并动态绑定给scroll-left实现定位效果

posted @   huihuihero  阅读(2056)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
历史上的今天:
2019-12-20 微信支付功能
点击右上角即可分享
微信分享提示