bootstrap4 modal模态框打开关闭抖动 paddin
2020-04-06 本文已影响0人
柚子_C
打开 modal模态框,bootstrap4自动添加 padding-right:15px问题,让页面很丑。
有很多办法解决,有用js的,也有删除源代码中js片段的,这里给大家一个最简单有效的css解决的办法。
body.modal-open {
padding-right: 0 !important;
}
body.modal-open .fixed-top,body.modal-open .fixed-bottom {
padding-right: 15px!important;
}
这段代码完美解决页面抖动问题,不仅如此,还针对了头部、尾部固定导航栏进行了优化,避免fixed的出现抖动。如果你有重新定义过container-fluid,container,row的padding和margin,这个修正需要响应的进行调整。