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