模态框(modal)出现时页面发生抖动

Bootstrap 中

问题出现的原因:

modal 弹出时,会给 body 添加 class —— modal-open;
modal-open 的 属性为 overflow:hidden;
页面没有滚动条时,还会添加 style —— padding-right:32px;

解决办法:

.modal-open {
  overflow-y: scroll; //页面超出一屏添加
  padding-right: 0 !important; //padding 值改成 body 默认的 padding 值即可
  margin-right: 0 !important; //margin 值改成 body 默认的 margin 值即可
}

Element 中

body 添加了 class 和 style

也需要把 padding、margin 值改成本来需要值