React Ant Design 子菜单菜单项

Question

我目前正在使用一个子菜单，其中包含提供某种服务的建筑物的集合菜单项。我想知道是否有一种方法，当用户单击服务（子菜单）时，可以说只有 4 个提供服务的建筑物最初弹出（菜单项），并且用户可以通过鼠标滚动查看更多提供该服务的建筑物，以确保一次只显示 4 座建筑物。该项目是使用 Ant Design 在 React 中完成的。现在，当单击子菜单时，所有菜单项都会同时显示，从而导致应用程序的内容被拉伸。

Answer 1

我喜欢的一种解决方法是通过提供样式属性来制作固定边

<Sider
      style={{
        overflow: 'auto',
        height: '100vh',
        position: 'fixed',
        left: 0,
      }}
>

https://ant.design/components/layout/#components-layout-demo-fixed-sider