Проблемы при использовании Bootstrap 3 Модальные с липким нижним колонтитулом в IE

Question

Мой сайт использует метод «липкого нижнего колонтитула», описанный в http://getbootstrap.com/examples/sticky-footer-navbar/.

Я заметил пару проблем при использовании Bootstrap 3 Modal. Один, правый, когда модальный отображается, позиция прокрутки сбрасывается в верхнюю часть. Два, после того, как модальный закрыт, любой контент ниже складки больше не «активен» - кнопки и ссылки не работают.

Мое предположение, что модальный фон продолжает «покрывать» контент?

Я попытался установить модальный фон для «ложных» или «статических» атрибутов данных безрезультатно.

До сих пор это, похоже, проблема только в 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"); 
} 

Конечно, это будет «снимать» нижний колонтитул, если он виден. Любые другие идеи?