zoukankan      html  css  js  c++  java
  • element组件dialog关闭时Message消息提示抖动问题

    在页面内容较多,出现滚动条时使用element组件里的dialog组件,当关闭dialog组件的同时弹出Message消息提示时,Message会抖动一下。

    在页面有滚动条的情况先打开dialog时,dialog会给页面的<body></body>添加一个class类名和一个style样式,如图:

    overflow这个属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制

    所以当dialog关闭而Message弹出的瞬间,body由于失去overflow属性和padding-right属性页面宽度会小17px,因为Message是居中的所以会往左面抖一下

    解决:

      在app.vue页面中写入

      body {
        overflow-y: auto !important;  //只写这个属性,会出现两个滚动条
        padding-right: 0 !important;  //只写这个属性,当你打开dialog时,由于padding-right=0;页面宽度会大17px;dialog会抖动
      }
  • 相关阅读:
    Kafka生产者Producer配置 ,及C#中使用学习资料连接
    Oracle expdb异地备份
    查询redis当前连接数据和当前信息
    Oracle在sqldeveloper中按格式显示日期数据
    DB行转列
    2019.9.10面试反思
    配置webpack4
    代理
    es6 promise
    es6 symbol
  • 原文地址:https://www.cnblogs.com/loveyt/p/9525421.html
Copyright © 2011-2022 走看看