让前端飞Web前端之路

【antd】Select、DatePicker等组件解决选项框随

2019-08-07  本文已影响4人  废柴码农

在用到一些有下拉功能的组件的时候,打开控制台,下拉框随着页面的滚动而滚动
如下图:


屏幕快照 2019-08-07 下午6.10.10.png

这个时候需要用到组件官网提供的属性


屏幕快照 2019-08-07 下午6.20.14.png 屏幕快照 2019-08-07 下午6.21.00.png

下面整理出来常用的几种组件的固定方法:

Select组件:
<Select  
    getPopupContainer={triggerNode => triggerNode.parentElement}                
>
 .........省略
 </Select>
TreeSelect组件也是这个属性
DatePicker组件
<DatePicker
     getCalendarContainer={trigger => trigger.parentNode}
 />
上一篇 下一篇

猜你喜欢

热点阅读