React antd getPopupContainer

2024-06-20  本文已影响0人  燕自浩

前言:当页面足够长出现滚动条时,这是恰巧使用了antdselect,当我们选择selectoption时。此时selectoption是全部暴露在外面的,这时又恰巧来了一次页面滑动,你会发现一个很神奇的事情那就是selectoption弹窗会脱离select所在的位置,这是因为默认select的弹窗层默认在body层。

如何让option的弹出层始终跟随select?

使用selectapi getPopupContainer属性,意思是改变弹出层的父级,我们将其添加为getPopupContainer={(triggerNode) => triggerNode.parentNode}这样就可以随着页面的滑动始终跟着select移动

上一篇 下一篇

猜你喜欢

热点阅读