使用Twitter Bootstrap模式,我可以在模态打开时锁定背景吗？

Question

我想在打开模态时使背景不可滚动.设置data-backdrop="static"仅在您单击其外部时使模态不关闭.

Answer 1

您可以尝试将事件处理程序附加到模式的显示和隐藏.显示模态时,将页面主体的溢出设置为隐藏.隐藏模态时,可以使溢出可见.

$('#myModal').on('shown', function () {
  $("body").css("overflow", "hidden");
});

$('#myModal').on('hidden', function () {
  $("body").css("overflow", "visible");
});

文档:

https://developer.mozilla.org/en-US/docs/CSS/overflow

http://twitter.github.com/bootstrap/javascript.html#modals