tabs使用vertical 和title-scroll 如何title 过多时 点击下一条时不能向下滚动，反而向上滚动

[ecshoper]

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

4.2.3

平台

h5, weapp

重现链接

暂无

重现步骤

代码

<template>
  <nut-tabs
    v-model="value"
    style="height: 80%"
    title-scroll
    title-gutter="10"
    name="tabName"
    direction="vertical"
    :animated-time="0"
  >
    <nut-tab-pane v-for="item in list" :title="'Tab ' + item" :pane-key="item">1111</nut-tab-pane>
  </nut-tabs>
</template>
<script setup lang="ts">
import { ref } from 'vue';
const value = ref('0');

const list = new Array(40).fill(0).map((_, index) => index);
definePageConfig({
  navigationBarTitleText: '个人中心'
});
</script>

<style lang="scss"></style>

tabs使用vertical 和title-scroll 如何title 过多时 点击下一条时不能向下滚动，反而向上滚动
出问题的代码 应该是在Tabs.js
中的
const top = titleRects.slice(0, currentIndex.value).reduce((prev, curr) => prev + curr.height + 0, DEFAULT_PADDING);
将 prev + curr.height + 0, 改成 prev + curr.height + 20时 就正常了

期望的结果是什么？

点击下一条向下滚动

实际的结果是什么？

向上滚动

环境信息

无

其他补充信息

无