van-tabs组件标签栏滚动缓慢

[tianqiqi00]

重现链接

官网demo即可

Vant 版本

4.9.5

描述一下你遇到的问题。

我的iphone14pro上，开启省电模式的情况下，滚动动画执行缓慢
查完源码后发现省电模式会影响requestAnimationFrames，可以考虑优化

重现步骤

1.开启设备省电模式
2.在van-tabs组件中操作标签，使标签栏滚动

设备/浏览器

iphone14pro

[pany-ang]

导致这个现象的原因是组件内部默认按照每秒固定 60 帧来播放动画，所以当设备每秒帧率不足 60 比如只有 30 帧时，那么播放时长将翻一倍。

确实是可以优化的一个点，内部可以将「按照总帧率播放动画」更改为「按照总时间播放动画」

不过也是有代价的：在低帧率设备下，缺陷会从「滚动缓慢」变成「滚动卡顿感」