You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

AntD Dropdown嵌套子菜单始终向下展开的配置方法咨询

AntD嵌套子菜单始终向下展开的解决方案
  • 一级下拉菜单通过设置autoAdjustOverflow={false}实现始终向下展开的逻辑已生效,无需调整
  • 针对二级嵌套的SubMenu,需给目标SubMenu组件添加popupProps配置,在其中同时设置autoAdjustOverflow={false}和指定弹出位置(如bottomLeft),强制子菜单从父菜单底部向下展开。

关键代码片段:

<SubMenu
  key="submenu"
  title="submenu"
  popupProps={{
    autoAdjustOverflow: false,
    placement: 'bottomLeft'
  }}
>
  <Menu.Item key="3">inner item 1</Menu.Item>
  <Menu.Item key="4">inner item 2</Menu.Item>
</SubMenu>

这样设置后,子菜单会忽略页面边界的自动调整逻辑,始终保持从父菜单底部向下展开的行为。

内容的提问来源于stack exchange,提问作者Виталич

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.23 12:22:05