Tabs 数量多,滚动操作时有bug

[hooliy]

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

last

平台

h5

重现链接

无

重现步骤

官网demo就可以重现, 点击 "真好真便宜" 后再点击 "上新日"或者"低价特卖", 不会自动滚动到第一个

期望的结果是什么？

可以自动滚动

实际的结果是什么？

不会自动滚动

环境信息

无

其他补充信息

无

[hooliy]

@Alex-huxiyang ? 为什么关闭了？不是bug吗？

[Alex-huxiyang]

@Alex-huxiyang ? 为什么关闭了？不是bug吗？
最新的已修复了～
#2685

[hooliy]

v2.7.0 吗？ 昨晚试了v2.7.0还是有这个问题的

[Alex-huxiyang]

官网demo可以滚动啊

[hooliy]

应该与点 “百亿补贴” 的滚动类似，官网现在是“低阶特卖” 能漏出一半，所以点击那一半可以滚动， 如果当标签 “低阶特卖” 刚好漏不出来的时候，正常逻辑应该是点击“上新日”，滚动到第一个与点击“今日聚超值”，向右滚动类似。

[hooliy]

就是点右边标签，向右滚动逻辑是正常的，但是到最右边后，点击左边标签，不会自动向左滚动到第一个

[Alex-huxiyang]

你说的是taro h5吗

[hooliy]

taro h5

taro h5和 weapp 下都有这个问题

[Alex-huxiyang]

我们目前的逻辑是希望减少滚动。只保持左侧能够漏出，是有意为之的

[Alex-huxiyang]

当前点击的item能够左侧漏出即可。后面近期可能还要讨论一下这个细节。目前是使用者需求不同

[hooliy]

373_1730771877.mp4

问题是现在左侧也漏不出

[hooliy]

这样就很麻烦 ，用户还要 划动 后，才能看到前面还有标签

[Alex-huxiyang]

嗯嗯，这看起来是unexpected，回去demo多加一些items再看一下，可能是没有验证到

[hooliy]

@Alex-huxiyang 还有就是weapp，tabs在小米12手机上会显示滚动条。 我加了以下代码后，滚动条不显示了，但是我估计不是好的解决方案

::-webkit-scrollbar {
    display: none !important;
}

[hooliy]

去掉上面的代码后，就显示出这么丑的滚动条了