首页 > 其他 > 详细

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

时间:2021-06-22 22:14:01      阅读:285      评论:0      收藏:0      [点我收藏+]

现象:

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的样式,不对使用产生影响

 

 

技术分享图片

 

 

 

技术分享图片

 

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

原文:https://www.cnblogs.com/zhanyuefeixian/p/14920085.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!