Question

我的网站使用http://getbootstrap.com/examples/sticky-footer-navbar/中描述的“粘性页脚”方法。

使用Bootstrap 3 Modal时我注意到了一些问题。一，当显示模态时，滚动位置重置为顶部。二，模态关闭后，折叠下方的任何内容都不再“活动” - 按钮和链接不起作用。

我的猜测是模式背景是继续“覆盖”内容？

我已尝试将每个数据属性的模态背景设置为“false”或“static”，但无效。

到目前为止，这似乎只是IE中的一个问题，而不是Chrome。

Answer 1

下面的代码有效，但似乎有点hackish。

$(document).on("hidden.bs.modal", function (e) {
    $("html, body").css("height", "100%");
});

$(document).on("show.bs.modal", function (e) {
    $("html, body").css("height", "inherit"); 
}

当然，如果可见，这将“松开”页脚。还有其他想法吗？

在IE中使用带粘性页脚的Bootstrap 3 Modal时的问题

1 个答案: