internet-explorer - 在 IE 中使用带有粘性页脚的 Bootstrap 3 Modal 时出现问题

Question

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

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

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

我尝试根据数据属性将模态背景设置为“false”或“static”，但无济于事。

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

Answer 1

下面的代码有效，但似乎有点骇人听闻。

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

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

当然，如果可见，这将“取消粘贴”页脚。还有其他想法吗？