当前位置:   article > 正文

【element】解决element弹框组件el-dialog导致页面抖动问题:_elementui 弹窗 lock-scroll

elementui 弹窗 lock-scroll


一、问题:

在这里插入图片描述

二、解决:
【法1】 lock-scroll

在这里插入图片描述

【法2】main.js

在这里插入图片描述

ElementUI.Dialog.props.lockScroll.default = false;
  • 1
【法3】修改body样式:

在这里插入图片描述

let mo=function(e){e.preventDefault();};

stop(){
	document.body.style.overflow='hidden';
	document.body.style.position='fixed';
	document.body.style.width='100%';
	document.addEventListener("touchmove",mo,false);//禁止页面滑动
},
move(){
	document.body.style.overflow='';//出现滚动条
	document.body.style.position='initial';
	document.body.style.height='1006px';
	document.removeEventListener("touchmove",mo,false);
},
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/692301
推荐阅读
相关标签
  

闽ICP备14008679号