Ant Design Select组件下拉选项随页面滚动与Select框分离问题

 在开发过程中,会使用很多的Select、DatePicker等组件,当这些组件在可滚动的区域内滚动时,你会发现该组件的选项框也会跟着滚动,产生分离。如下图所示。

解决方法

通过查询相应的官方API,发现官方给我们提供了getPopupContainer属性,该属性是菜单渲染的父节点,默认是body。只要添加该属性,设置好父节点,就可以解决这种分离。

官方案例:

参考:https://www.cnblogs.com/minorf/p/13039683.html