pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下

Posted 野猪佩奇007

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下相关的知识,希望对你有一定的参考价值。

项目场景:

正常页面右侧显示

弹出框以及遮罩层出现之后显示


原因分析:

遮罩层出现之后body加了一个padding


解决方案:

发现问题就能解决问题了:
在公用样式里给body加一个样式

padding: 0!important;

即可解决

以上是关于pc端点击弹出弹出框以及遮罩层的时候页面右侧出现空白区域,使得页面整体左移一下的主要内容,如果未能解决你的问题,请参考以下文章

Axure RP使用攻略--带遮罩层的弹出框

element ui 弹出组件的遮罩层以及多层遮罩解决办法

js弹出div并显示遮罩层

bootstrap modal 弹出框被遮挡

js 弹出框 里面元素touchmove时候阻止其他元素滚动,背景遮罩层还无法阻止冒泡,怎么禁用遮罩层touchmove

自制弹出框所踩的坑