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

562 阅读1分钟

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

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

用官方提供的 **getPopupContainer,getCalendarContainer**属性,

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

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

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

  

1<``a-select :getPopupContainer="(triggerNode) => triggerNode.parentNode" ></``a-select``>