bootstrap modal BUG
- 发表于
- 前端
触发modal的时候，会在body标签增加一个class：modal-open，并且添加样式
|
1 |
style="padding-right: 15px;" |
导致有15像素的移位，一开始以为是自己布局出了问题，检查一翻后发现不是我的问题，是框架的问题，并找到了一个讨论：https://github.com/twbs/bootstrap/issues/14040。
解决中有修改bootstrap的，也有换用jquery的，但相比下还是CSS较好：
|
1 2 3 4 5 6 |
body.modal-open{ width:100%!important; padding-right:0!important; overflow-y:scroll!important; position:fixed!important; } |
20160629更新
上面的在有些版本下还是会有问题，用这个吧：
|
1 2 3 4 |
body.modal-open { overflow-y: scroll; padding-right: 0 !important; } |
原文连接：bootstrap modal BUG
所有媒体，可在保留署名、
原文连接的情况下转载，若非则不得使用我方内容。
