javascript - 关于bootstrap模态框 modal.js 单击模态框按钮效果出来之后为什么要阻止滚动条？

Question

http://v3.bootcss.com/javascript/#modals
单位要求 单击模态框的时候滚动条不能消失。因为滚动条消失的时候，内容页面会变宽。

看到我画的红圈了没，内容的滚动条没有了！
弹出模态框效果的时候。 我希望模态框效果情况下 滚动条必须存在。
请问是怎么做？

第二个是腾讯的。人家弹出模态框效果的时候，滚动条还在！
我真郁闷 不知道怎么下手？
我希望能跟腾讯一样

我自己解决答案是
我是给这个模态框的样式 设置成overflow:inherit 。然后在bootstrap.js文件里找到padding-left 去掉就好了

Answer 1

严格讲下面的这个不是modalbox，只是个popover.正经的modal box ui交互定义就是要拦截其它所有交互

Answer 2

模态框弹出事件中，会给body添加一个class:

.modal-open {
  overflow: hidden;
}

自己把它重定义一下就行overflow: auto !important;，或者模态框弹出的时候写js

$('#identifier').on('show.bs.modal', function () {
  // 执行一些动作...
})

但是模态框自己也会有一个滚动条（看模态框的内容高度），得禁用了，设置一个最大高度，然后给模态框的内容加一个滚动条

Answer 3

也许你可以试试这个bootstrap3-dialog.
这个是基于 bootstrap 的一个模态框插件。比原生的更强大。主要是原生就像1L说的一样算是一个popover的效果。使用这个插件可以不依赖与dom。

Answer 4

自己写个插件就可以了