1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 【Ant Design】下拉列表Select 日期选择框DatePicker等跟随滚动条上下移动解决方案

【Ant Design】下拉列表Select 日期选择框DatePicker等跟随滚动条上下移动解决方案

时间:2020-10-05 10:39:15

相关推荐

【Ant Design】下拉列表Select  日期选择框DatePicker等跟随滚动条上下移动解决方案

出现原因

下拉弹出的列表div是添加到body下的。当滚动条滚动时,初始化计算的topleft属性不会更新,因此组件会随着滚动条上下移动。

解决方案

单个组件解决方案

<Select getPopupContainer={trigger => trigger.parentElement}>

全局解决方案

<ConfigProvider :getPopupContainer='getPopupContainer'>// functionfunction getPopupContainer(trigger) {return trigger?.parentElement || document.body}

参考

/ant-design/ant-design/issues/3

https://ant.design/docs/react/faq-cn#Select-Dropdown-DatePicker-TimePicker-Popover-Popconfirm-%E4%BC%9A%E8%B7%9F%E9%9A%8F%E6%BB%9A%E5%8A%A8%E6%9D%A1%E4%B8%8A%E4%B8%8B%E7%A7%BB%E5%8A%A8%EF%BC%9F

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。