使用antd的Select组件,Cascader组件,DatePicker等下拉选项必须要添加的getPopupContainer(解决选项框随页面滚动分离问题)

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

这个属性,看似不重要的属性,却起着重大的作用。

效果图:

当数据比较多的,可以滚动的时候。点击选择框,滑动滚轮

没有添加这个属性的时候:使用antd的Select组件,Cascader组件,DatePicker等下拉选项必须要添加的getPopupContainer(解决选项框随页面滚动分离问题)_第1张图片

当没有这个属性的时候 随着滚动 选项会和选择框分离。

当添加这个属性后:

使用antd的Select组件,Cascader组件,DatePicker等下拉选项必须要添加的getPopupContainer(解决选项框随页面滚动分离问题)_第2张图片

点击后滚动就不会分离

如何添加:

id='Select'>