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; }
原文连接:bootstrap modal BUG
所有媒体,可在保留署名、
原文连接
的情况下转载,若非则不得使用我方内容。