滚动 antD 组件 React 的 Dropdown

Question

如果数据超过 10，我正在寻找滚动，

<Dropdown overlay={menu}>
    <a className="ant-dropdown-link" onClick={(e) => e.preventDefault()}>
      Hover me <DownOutlined />
    </a>
  </Dropdown>

https://codesandbox.io/s/agitated-star-m7rhf?file=/index.js

这是我试图实现滚动但不确定如何使其工作的地方..任何人都可以帮助我解决这个问题。

Answer 1

我认为您可以使用 CSS 来做到这一点；

.ant-dropdown-menu {
    max-height: 250px;
    overflow: auto;
}

但是这个不检查项目数。 如果要检查项目计数，可以使用 styled-components 模块来执行此操作。

Answer 2

您可以将以下属性添加到 class “ant-dropdown”：

overflow-y: scroll;
max-height: 250px;

根据您的要求调整最大高度。