解决ant design 中 select的option 随页面滚动条滚动的bug

原因：

 

 

Select组件有个API getPopupContainer，Ant Design官方文档给出的用途解释为：“菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位”。同时官网也强调一个特殊情况需要注意：“如果发现下拉菜单跟随页面滚动，或者需要在其他弹层中触发 Select，请尝试使用 getPopupContainer={triggerNode => triggerNode.parentNode} 将下拉弹层渲染节点固定在触发器的父元素中”。

解决方案：

在Select组件中添加“getPopupContainer={triggerNode => triggerNode.parentNode}” 使其固定在父元素中；

如果是日期DatePicker组件 使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}”

?

1 2 3 4 5 6 7 8

<Select       getPopupContainer={triggerNode => triggerNode.parentNode}       defaultValue=''       notFoundContent="请选择"       placeholder="请选择"       value={this.state.nextAction}       onChange={(value) => this.changeSubmitOption(value)}     >