zoukankan      html  css  js  c++  java
  • 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的样式,不对使用产生影响

  • 相关阅读:
    cp
    usr/sbin/inetd
    mysql
    Iptables的规则语法
    CentOS系统安装过程中配置软RAID-0或RAID-1
    25道shell面试题
    虚拟机
    进入单用户模式
    正则表达式
    js操作div的显隐
  • 原文地址:https://www.cnblogs.com/zhanyuefeixian/p/14920085.html
Copyright © 2011-2022 走看看