Javascript 自动完成下拉高度

我是antd新手，英语不是我的母语，所以可能有错误，我有两个问题，1：目前如果下拉列表中有很多信息，用户不知道是否有更多信息，需要向下滚动（在手机上）以显示滚动条，我的问题是如何让滚动条始终可见？2：如果我不想要第一个，如何在用户不向下滚动的情况下显示100%的下拉列表，例如“listHeight”为100%（尝试在那里写入，不接受%）

import React，{useState}来自“React”；
从“react dom”导入react dom；
导入“antd/dist/antd.css”；
从“@ant design/icons”导入{CloseOutlined}”；
导出默认函数EventsSection（）{
const autoControl=React.createRef（）；
const defaultOptions=[
{值：“1”，文本：“未识别”}，
{值：“2”，文本：“关闭”}，
{值：“3”，文本：“沟通”}，
{值：“4”，文本：“已识别”}，
{值：“5”，文本：“已解决”}，
{值：“6”，文本：“已取消”}
];
const{Option}=自动完成；
返回(
{options.map（（option）=>(
{option.text}
))}
);
}
render（，document.getElementById（“容器”）你可以试试这个，我从官方的例子中修改了它，这里有你的问题的解决方案

如何始终显示滚动条
您可以在js中使用css，例如
样式化组件
或通用css | scss方法来覆盖下拉样式

.rc-virtual-list-scrollbar {
  display: block !important;
}

如何在下拉菜单中显示完整的项目列表
您使用的是什么版本的antd
listHeight=“100%”
适用于v4.15.3

<AutoComplete
  style={{
    width: 200
  }}
  onSearch={handleSearch}
  placeholder="input here"
  listHeight="100%"
>
  {result.map((email) => (
    <Option key={email} value={email}>
      {email}
    </Option>
  ))}
</AutoComplete>


{result.map（（电子邮件）=>(
{email}
))}
正如您从示例中看到的，它正在输入本身（无法再看到输入），是否可能有页面的高度，如果有更多的内容溢出页面，则可以有滚动条（当内容超过页面高度时滚动功能），但不应覆盖输入，输入应可见，下拉列表应该像正常情况一样位于输入下。在这种情况下，您必须检查listHeight是否超过页面高度，如果超过，您不能设置listHeight=“100%”任何工作示例？