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、金币登录送、破产送...
总结透视！哈糖大菠萝免费辅助器... 总结透视！哈糖大菠萝免费辅助器，微信小程序多乐辅助器，练习教程（有挂猫腻）-哔哩哔哩1.哈糖大菠萝免...
详细透视！wepoker私人局... 详细透视！wepoker私人局辅助挂，微信微乐辅助免费，步骤教程（有挂技术）-哔哩哔哩该软件可以轻松...
有挂透视！wepoker钻石怎... 有挂透视！wepoker钻石怎么看底牌，微乐家乡自建房辅助app，妙计教程（今日头条）-哔哩哔哩1、...
解谜透视！wepoker私人局... 解谜透视！wepoker私人局辅助器怎么用，微乐陕西麻将破解，法门教程（确实有挂）-哔哩哔哩1、解谜...
分享透视！hhpoker德州牛... 分享透视！hhpoker德州牛仔视频，微信小程序微乐辅助器免费下载，妙计教程（有挂细节）-哔哩哔哩小...
解密透视！竞技联盟辅助插件，微... 解密透视！竞技联盟辅助插件，微乐安徽小程序辅助，机巧教程（有挂解密）-哔哩哔哩1、下载好竞技联盟辅助...
专业透视！德普之星透视免费，微... 专业透视！德普之星透视免费，微乐自建房辅助软件有哪些功能，指南教程（有挂分析）-哔哩哔哩1、在德普之...
专业透视！wpk有作弊吗，微乐... 专业透视！wpk有作弊吗，微乐小程序辅助脚本平台，手册教程（有挂存在）-哔哩哔哩1、很好的工具软件，...
开挂透视！wepoker透视脚... 开挂透视！wepoker透视脚本安卓，微乐手游辅助脚本平台，秘籍教程（有挂方略）-哔哩哔哩1、让任何...