下拉菜单不继承其父位置答案

【问题标题】：Dropdown menu not inherit its parent position下拉菜单不继承其父位置
【发布时间】：2022-01-11 10:21:31
【问题描述】：

     <div className="inner-dark-section">
        <div
          className="search-section"
          style={{
            width: "100%",
            position: "sticky",
            top: "0",
            zIndex: 10,
            backgroundColor: "#1b1b1b",
            paddingTop: "25px",
          }}
        >
          <RepSearch queryProcessor={processQuery} currQuery={currQuery} />
        </div>
      </div>

ResSearch 组件中有两个下拉菜单 (antd)，但下拉菜单不会继承它的父位置，因为它不是 sticky，滚动时它会滚动到 RepSearch 元素上。

.ant-select-dropdown {
  background-color: $util-dropdown;
  border-radius: 5px;
  box-shadow: 0 0 0 1.5px rgba(91, 91, 91, 0.5),
    0 9px 28px 8px rgba(0, 0, 0, 0.05);
  position: fixed;
}

如何使下拉菜单在滚动时随RepSearch 组件一起移动

【问题讨论】：

如文档中所说，如果您发现下拉菜单随页面滚动，请尝试使用getPopupContainer = {triggerNode => triggerNode.parentElement}修复下拉弹出渲染。
成功了，发帖我会接受的

标签： css reactjs drop-down-menu dropdown antd

【解决方案1】：

如文档中所述，如果您发现下拉菜单随页面滚动，请尝试使用 getPopupContainer = {triggerNode => triggerNode.parentElement}
修复下拉弹出渲染。

【讨论】：