首页   注册   登录
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
React
V2EX  ›  React

如何让 Ant Desgin 的 Tabs 可以横向拖拉?

  •  
  •   sphawkcn · 86 天前 · 375 次点击
    这是一个创建于 86 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Ant Desgin Tabs 标签页如果标签很多的话,会自动在两侧生成一个左右箭头,点击左右箭头即可看到后面或前面未显示出来的标签。效果可以看这里:大量标签的 Tabs 页

    但是,我想实现:用手指(手机上)或者鼠标( PC 上)在标签页上左右拖动或滑动时,标签页会左右滚动,以显示前后未显示出来的标签(同时不能出现横向滚动条),而不是点击左右箭头,因为手机上点击一个微小的箭头,不如左右滑动来得方便。不知道怎么实现?

    我找到了一个资料,是手工实现一个上述我想要的效果的滚动标签条,见这里:实现横向滚动,这里是教程所附代码:实现代码

    这个教程我试了是可以的。但是,如何才能将这种效果添加到 Ant Desgin Tabs 的标签页上去呢?还请各位大侠不吝赐教,谢谢。

    2 回复  |  直到 2019-05-31 20:19:38 +08:00
        1
    Hellert   86 天前
    给 antd 提交一个 issue,说不定后期可以解决。
        2
    sphawkcn   83 天前
    有没有大神能指点指点啊。。。
    关于   ·   FAQ   ·   API   ·   我们的愿景   ·   广告投放   ·   感谢   ·   实用小工具   ·   4002 人在线   最高记录 5043   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.3 · 21ms · UTC 06:22 · PVG 14:22 · LAX 23:22 · JFK 02:22
    ♥ Do have faith in what you're doing.