antd ~~~ 下拉框不能跟随页面滚动的问题

问题的原因是下拉框默认是定位到 <body> 的，有时候你页面里某个区域滚动，整体的 body 是不滚动的，所以下拉框没动。

用官方提供的 getPopupContainer，getCalendarContainer属性，

比如a-select组件、a-date-picker组件等；

在标签上添加如下代码即可：

<a-date-picker :getCalendarContainer="(triggerNode) => triggerNode.parentNode" />

　　

<a-select :getPopupContainer="(triggerNode) => triggerNode.parentNode" ></a-select>
posted @ 2021-11-17 11:52  三只小熊sky  阅读(859)  评论(0)    收藏  举报