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

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

2024-05-31 19:05:14 前端知识 前端哥 646 475 我要收藏

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

(添加 :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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/10165.html
标签
评论
发布的文章

用点jquery实现的登录页面

2024-06-06 00:06:07

echarts-锥型柱状图

2024-06-06 00:06:05

echarts的使用

2024-06-06 00:06:00

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!