• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
斩月飞仙
赚钱使我得到想要的生活,而想要的生活使我快乐,所以四舍五入,约等于赚钱使我快乐
博客园    首页    新随笔    联系   管理    订阅  订阅

element-ui中使用多个el-tooltip产生的闪烁纵向滚动条问题

现象:

1.在鼠标悬浮在一行上的时候会出现tooltip提示框,每行都可以,但如果交替悬浮速度够快,浏览器右边就会出现纵向滚动条,只有一瞬会出现这个问题

原因:

1.在于tooltip位置的设置,采用绝对定位absulute

2.在两条信息交替悬浮的时候,tooltip提示框有一瞬display: block;显示,但top,left并没有定位

3.导致tooltip出现在了页面的最下面,占用了几十px的空间

4.导致一瞬间有一个纵向的滚动条、

解决:

1.设置向上位置为一个不出现在页面中的位置

.el-tooltip__popper.is-dark {
top: -500px;
}

2.当tooltip显示时style会覆盖掉class的样式,不对使用产生影响

 

 

 

 

 

 

posted @ 2021-06-22 20:00  斩月飞仙  阅读(3552)  评论(2)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3