今天使用Select框的时候 由于页面可以滚动 出现了 在点出弹出下拉列表后 鼠标移到外面滚动会导致下拉框位置偏移的bug
如图 上下滚动外部页面会导致下拉框偏移

解决方案:
Antd 官方文档
文档中Select框有一个元素 getPopupContainer

并且有一行小字提示
注意,如果发现下拉菜单跟随页面滚动,或者需要在其他弹层中触发 Select,请尝试使用
getPopupContainer={triggerNode => triggerNode.parentElement}将下拉弹层渲染节点固定在触发器的父元素中。

本文讲述了在使用AntdSelect组件时遇到的滚动导致下拉列表偏移的问题,通过设置getPopupContainer属性并将其值设为触发器的父元素,解决了这个问题。作者提供了修改后的代码片段以供参考。
最低0.47元/天 解锁文章
1475

被折叠的 条评论
为什么被折叠?



