【React】解决antd中，select和DatePicker组件不跟随页面滚动的问题

解决方案：

1、在Select组件中：

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

<Select getPopupContainer={triggerNode => triggerNode.parentNode}
    defaultValue="lucy" style={{ width: 120 }} onChange={handleChange}>
    <Option value="jack">Jack</Option>
    <Option value="lucy">Lucy</Option>
    <Option value="disabled" disabled>Disabled</Option>
    <Option value="Yiminghe">yiminghe</Option>
</Select>

2、在日期DatePicker组件中：

使用 “getCalendarContainer={triggerNode => triggerNode.parentNode}”

 

 

 

 

启蒙链接：https://blog.csdn.net/iceking66/article/details/86612130