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

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

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