0


Vue | Element UI Plus 完美解决el-dialog双滚动条、页面抖动问题

解决因为滚动条隐藏导致的窗口抖动问题:

(添加 :lock-scroll="false" 属性)(无效的话把冒号去掉试试)

<el-dialog class=""
            v-model="" 
            title="" 
            :lock-scroll="false"
            width="800px"
            height="400px"
            top="10vh"
            >

解决双滚动条问题:(无效的话去掉deep)

/* 解决双滚动条 */
:deep(.el-dialog) {
  display: flex !important;
  flex-direction: column !important;
  margin: 0 !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  overflow-y: auto !important;
  overflow-x: auto !important;
  max-height: 90vh !important;
}

参考:

http://t.csdnimg.cn/xavOG

标签: vue.js ui javascript

本文转载自: https://blog.csdn.net/m0_59074557/article/details/136666362
版权归原作者 shanbian0220 所有, 如有侵权,请联系我们删除。

“Vue | Element UI Plus 完美解决el-dialog双滚动条、页面抖动问题”的评论:

还没有评论