0

私のサイトでは、 http://getbootstrap.com/examples/sticky-footer-navbar/で説明されている「スティッキー フッター」方式を使用しています。

Bootstrap 3 Modal を使用すると、いくつかの問題に気付きました。1 つ目は、モーダルが表示された直後にスクロール位置が一番上にリセットされることです。2 つ目は、モーダルが閉じられた後、フォールドの下にあるコンテンツは「アクティブ」ではなくなり、ボタンとリンクが機能しなくなることです。

私の推測では、モーダル背景がコンテンツを「カバー」し続けているのでしょうか?

データ属性ごとにモーダル背景を「false」または「静的」に設定してみましたが、役に立ちませんでした。

これまでのところ、これは Chrome ではなく IE のみの問題のようです。

4

1 に答える 1

0

以下のコードは機能しますが、少しハックのようです。

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

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

もちろん、これはフッターが表示されている場合は「貼り付けを解除」します。他のアイデアはありますか？

于 2014-01-02T20:03:05.187 に答える