解决 antd select 下拉框不跟着页面滚动
问题的原因是下拉框默认是定位到 <body>
的,有时候你页面里某个区域滚动,整体的 body 是不滚动的,所以下拉框没动。
这时候就用到了官方提供的 getPopupContainer
属性,代码如下
<a-select
:getPopupContainer="triggerNode => {
return triggerNode.parentNode || document.body
}"
>
问题的原因是下拉框默认是定位到 <body>
的,有时候你页面里某个区域滚动,整体的 body 是不滚动的,所以下拉框没动。
这时候就用到了官方提供的 getPopupContainer
属性,代码如下
<a-select
:getPopupContainer="triggerNode => {
return triggerNode.parentNode || document.body
}"
>