美文网首页让前端飞Web前端之路
【antd】Select、DatePicker等组件解决选项框随

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

作者: 废柴码农 | 来源:发表于2019-08-07 18:35 被阅读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}
 />

相关文章

网友评论

    本文标题:【antd】Select、DatePicker等组件解决选项框随

    本文链接:https://www.haomeiwen.com/subject/tzeadctx.html