解决antd select 不跟随页面滚动

问题的原因是下拉框默认是定位到 <body> 的，有时候你页面里某个区域滚动，整体的 body 是不滚动的，所以下拉框没动。

官方文档：

getPopupContainer

菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。示例

function(triggerNode)

() => document.body

注意，如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用 getPopupContainer={triggerNode => triggerNode.parentElement} 将下拉弹层渲染节点固定在触发器的父元素中。

使用方式：

getPopupContainer={trigger=>trigger.parentElement}

posted @ 2022-08-25 22:33  heshibina  阅读(107)  评论(0)    收藏  举报