bootstrap3中打开modal后下层网页内容出现左右移17px解决办法

bootstrap3中打开modal后下层网页内容出现左右移17px解决办法【IP21.cn】

原因:

在打开modal时,会给body添加的modal-open类,使得overflow属性默认为hidden,导致滚动条消失了。(溢出部分直接hidden了)【IP21.cn】

解决办法:

在头部追加以下css覆盖modal-open类默认的超出隐藏滚动条功能,以使可以在打开modal时继续使用滚动条。【IP21.cn】

.modal-open{
    overflow: inherit !important;
}

且在调用【IP21.cn】

$("#myModal").modal(); 

后追加以下css解决左移问题:【IP21.cn】

$("body").css('padding-right','0px');

1

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    学习了,感谢分享

    这个有意思6年前 (2018-06-29)回复