vue3使用van-tabs组件使用scrollspy属性滚动后会再次向上滚动一下

[shangcj1992]

重现链接

WeChat_20240305161441.mp4

Vant 版本

4.7.3

描述一下你遇到的问题。

在使用vant-tabs组件时。安卓正常。在ios 12和13机器中。切换tab。会导致定位不准确。会向上切换一级activeName。比如。我切换到下标2应该是第三个tab高亮。bug会直接高亮下标为1的也就是第二个tab高亮了。这是错误的。视频截屏已经能够看得到这个bug的复现形式了。目前我测试出的机型是iphone13 版本号17.3。

重现步骤

切换导航。就能复现

设备/浏览器

Ios 13手机的微信浏览器

[shangcj1992]

官方文档的案例。在ios13手机中就会复现
`<script lang='ts' setup>
let active = ref(0);
</script>

内容 {{ index }} <style lang='scss' scoped> .van-tab__panel { padding: 24px 20px; } </style>`

[Pentium286]

我也遇到了。。。有解决办法吗

[erlangera]

Vant的V2版本也有这个现象，好像是动画造成的，关掉动画duration=0 试试。深层原因可能是动画使用的定时器requestAnimationFrame的平台差异造成的。 @Pentium286 @shangcj1992

[Pentium286]

Vant的V2版本也有这个现象，好像是动画造成的，关掉动画duration=0 试试。深层原因可能是动画使用的定时器requestAnimationFrame的平台差异造成的。 @Pentium286 @shangcj1992

谢谢，关闭动画就好了。。。

[caoyingming]

我的是滚动导航最后一页内容少于一屏幕时候 导致选中的样式不切换到最后一个

已经滚动到最下面了

[erlangera]

#10152 看下这个，好像说这个现象是正常的 @caoyingming