element的loading的蒙版导致滚动条消失，页面抖动

一，现象

二，原因分析

原因是loading时的蒙版是全屏的。导致滚动条消失，从而导致页面跳动。
element ui的loading可以把这个全屏关闭掉：

let loadingInstance = Loading.service({lock: true,text: '请稍候',spinner: 'el-icon-loading',background: 'rgba(0, 0, 0, 0.7)',fullscreen:false});

就是这个：

fullscreen:false

element的loading的蒙版导致滚动条消失，页面抖动相关推荐

滚动条造成页面抖动问题
总结: 若用到 margin:0 auto; 使页面居中,若部分页面出现滚动条,滚动条默认有 20px,这样会造成页面抖动: 解决办法:参考 1. html{overflow:scoll;} 让页面一 ...
Bootstrap关闭弹出窗导致另一个弹出窗滚动条消失的解决办法
问题:在使用Bootstrap时,有时候会用到模态框中再嵌套模态框.这样就会出现一个问题,就是在关闭第二个模态框时,会导致第一个模态框的滚动条消失,这样就会使得屏幕太小而模态框太大看不到底部信息,而没 ...
el-image组件点击图片滚动条消失的解决办法
el-image组件的slot = error可自定义加载失败内容,这个功能可以保护我们的页面整洁漂亮,个人在项目中也经常使用,不过最近却发现了一个巨坑,极其影响用户体验. 最近测试发现在编辑某个商品 ...
Oracle错误代码：ORA-28002导致密码消失
Oracle错误代码:ORA-28002. 受影响版本:Oracle11g以上版本. 导致密码消失的原因:Oracle 11g中默认的DEFAULT概要文件中口令有效期PASSWORD_LIFE_TI ...
HBuilder/Mui开发ios使用上拉刷新导致滚动条无法使用的解决方法
HBuilder/Mui开发ios使用上拉刷新导致滚动条无法使用的解决方法参考文章: (1)HBuilder/Mui开发ios使用上拉刷新导致滚动条无法使用的解决方法 (2)https://www. ...
nginx重定向导致端口消失无法正常访问
nginx重定向导致端口消失无法正常访问场景访问路径带端口http://ip:端口/login,回车后端口消失http://ip/login无法正常访问解决方法 nginx配置中中加一句: 新版 ...
Fast Stone超好用的截图工具，可截取长图，带滚动条的页面
2019独角兽企业重金招聘Python工程师标准>>> Fast Stone下载地址:http://www.mydown.com/soft/402/473304402.shtml 注 ...
Android之解决NestedScrollView嵌套ViewPager导致出现左右页面滑动冲突
1 问题 NestedScrollView里面嵌勒ViewPager+TabLayout,导致在这个页面监听不到左右页面滑动,需要解决这个监听滑动问题. 2 解决办法 val nestedScroll ...
html 滚动条处于页面底部,滚动条一直置于页面底部,开发聊天程序须知。
有些时候(如开发聊天程序),我们需要将将滚动条(scrollbar)保持在最底部,比如聊天窗口,最新发出和收到的信息要显示在最下方,如果要看到最下方的内容,就必须保证滚动条保持在最底部. html P ...
IDEA打开Maven项目一直indexing或 scanning files to index导致整个idea页面卡住解决方法
IDEA打开Maven项目一直indexing或 scanning files to index导致整个idea页面卡住解决方法点击 file ->invalidate Cache/rest ...

element的loading的蒙版导致滚动条消失，页面抖动

一，现象

二，原因分析

element的loading的蒙版导致滚动条消失，页面抖动相关推荐

最新文章

热门文章