解决全屏下antd的Tooltip不显示的问题

博客讨论了在全屏模式或页面布局变化后,tooltip失去正确定位的问题。通过设置getPopupContainer属性,将tooltip绑定到特定父节点,如document.getElementsByClassName('img-opt')[0],可以确保其在页面变动时仍能找到正确位置。此解决方案适用于类似情况,有助于保持组件间关联性的稳定。
摘要由CSDN通过智能技术生成

因为tooltip是定位到父节点的,全屏后或者页面发生变化后,可能会导致tooltip找不到父节点的位置。因此,需要加一个属性来给tooltip绑定它的父节点

getPopupContainer={() => document.getElementsByClassName("img-opt")[0]}

就这么简单,类似的因为页面位置发生变化而找不到的有联系的组件都可以使用这个来尝试一下。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值