antd中的子菜单项没有滚动条。
创始人
2024-11-07 19:00:50
0次

可以通过为父元素添加样式 overflow: auto; 并设置一个固定高度来解决该问题。具体实现如下：


    subnav 1} style={{ maxHeight: '200px', overflow: 'auto' }}>
      
        Option 1
        Option 2
      
      
        Option 3
        Option 4
      
    
    subnav 2}>
      Option 5
      Option 6
      Option 7
      Option 8

在以上代码中，我们将子菜单项包裹在一个 SubMenu 标签内。Submenu 标签内有一个 style 属性，该属性用于为该子菜单项添加样式。在这里，我们设置该标签的最大高度为 200px，并将溢出的内容使用滚动条展示。同时，我们为父元素也就是 Menu 标签添加了 overflow: auto; 样式来将子菜单项包裹在可以滚动的容器内。

这样子，当子菜单项内容超出设定的高度时，就会展示出滚动条来滚动内容了。

上一篇：antd中的拖放导致下拉菜单为空白

下一篇：antd中的子菜单项无法滚动

相关内容

热门资讯

七分钟辅助！丽水茶苑苹果手机辅... 七分钟辅助！丽水茶苑苹果手机辅助，本来是真的有辅助教程（有挂方式）1、实时丽水茶苑苹果手机辅助透视辅...
第一分钟辅助！闲来辅助神器下载... 第一分钟辅助！闲来辅助神器下载2022，好像真的有辅助方法（有挂教程）1、不需要AI权限，帮助你快速...
九分钟辅助！丽水都莱辅助工具试... 九分钟辅助！丽水都莱辅助工具试用，确实存在有辅助神器（有挂方法）九分钟辅助！丽水都莱辅助工具试用，确...
第一分钟辅助！蛮王辅助器，好像... 第一分钟辅助！蛮王辅助器，好像是有辅助方法（有挂教学）1、首先打开蛮王辅助器辅助器下载最新版本，在蛮...
第六分钟辅助！潮汕汇挂，一贯真... 第六分钟辅助！潮汕汇挂，一贯真的是有辅助插件（有挂辅助）1、这是跨平台的潮汕汇挂轻量版有透视，在线的...
六分钟辅助！微信开心泉州辅助器... 六分钟辅助！微信开心泉州辅助器，一直有辅助器（有挂教学）1、下载好微信开心泉州辅助器透视辅助下载之后...
第3分钟辅助！佛手十三道破解版... 第3分钟辅助！佛手十三道破解版安卓，竟然真的有辅助攻略（有挂存在）1、让任何用户在无需佛手十三道破解...
2分钟辅助！sohoo竞技联盟... 2分钟辅助！sohoo竞技联盟辅助，切实真的有辅助脚本（有挂技术）1.sohoo竞技联盟辅助 选牌创...
第8分钟辅助！心悦手游辅助器，... 第8分钟辅助！心悦手游辅助器，原来真的是有辅助技巧（确实有挂）；1、每一步都需要思考，不同水平的挑战...
第十分钟辅助！广东雀神祈福真的... 第十分钟辅助！广东雀神祈福真的有用吗，都是是有辅助技巧（有挂方略）1、下载好广东雀神祈福真的有用吗透...