antd顶部菜单固定
时间: 2023-10-01 19:11:23 浏览: 252
顶部固定导航菜单代码
如果您正在使用 Ant Design 的 Menu 组件,可以通过设置 Menu 的属性 `mode="horizontal"` 和 `style={{ position: 'fixed', width: '100%', zIndex: 1 }}` 来让顶部菜单固定。
例如:
```
import { Menu } from 'antd';
<Menu mode="horizontal" style={{ position: 'fixed', width: '100%', zIndex: 1 }}>
<Menu.Item key="1">菜单项1</Menu.Item>
<Menu.Item key="2">菜单项2</Menu.Item>
<Menu.Item key="3">菜单项3</Menu.Item>
</Menu>
```
请注意,为了避免菜单被其他元素遮挡,需要设置 `zIndex` 属性为一个比较高的数值。
阅读全文