bootstrap modal BUG

  • 发表于
  • 前端

触发modal的时候,会在body标签增加一个class:modal-open,并且添加样式

style="padding-right: 15px;"

导致有15像素的移位,一开始以为是自己布局出了问题,检查一翻后发现不是我的问题,是框架的问题,并找到了一个讨论:https://github.com/twbs/bootstrap/issues/14040

解决中有修改bootstrap的,也有换用jquery的,但相比下还是CSS较好:

body.modal-open{
width:100%!important;
padding-right:0!important;
overflow-y:scroll!important;
position:fixed!important;
}

20160629更新

上面的在有些版本下还是会有问题,用这个吧:

body.modal-open {
overflow-y: scroll;
padding-right: 0 !important;
}