antd select选项在modal下无法跟随滚动

2020-01-09

antd在 Modal 组件里面使用 Select 组件时,发现下拉选项打开的情况下,选项弹窗无法随页面滚动而滚动,查找了相应我文档,发现可以通过 getPopupContainer={triggerNode =>triggerNode.parentNode} 就可以解决,于是乎马上尝试了,结果还是另我大失所望。

最后找到了解决方法,原来弹窗组件需要相对于滚动元素定位,只需要在Modal组件的内容区域,设置 position: relative; 即可。

如果本文对您有所帮助,可以扫下面二维码给我支持,您的鼓励是我前进的动力!

微信

支付宝

目录

评论

*
*

正在加载验证码......

最新评论

  • 无评论
相关推荐
React useMemo实战
useMemo hooks介绍 useMemo hooks的语法如下 const memoizedValue = ...
深入了解react hooks原理Ⅱ
在 深入了解react hooks原理Ⅰ 实现了useState,遗留了两个问题 使用多个 useState 是否...
深入了解react hooks原理Ⅰ
React hooks是什么 React hooks可以让我们在不需要编写class组件的情况下来实现class组件有...