[解決済み] Bootstrap モーダル：トグル時に背景がトップにジャンプする

2022-05-15 19:57:46

質問

モーダルで問題があります。ページ上にボタンがあり、それがモーダルを切り替えます。モーダルが表示されると、ページが一番上にジャンプしてしまいます。

解決策を見つけるためにできることはすべて行いましたが、本当に迷っています。

EDITです。

で試したこともあります。 $('#myModal').modal('show'); でも試しましたが、全く同じ効果でした。

モーダルが開くと modal-open クラスが設定され <body> タグに設定されます。このクラスは overflow: hidden; をボディに設定します。bootstrap.css のスタイルをオーバーライドするために、このルールをスタイルシートに追加します。

body.modal-open {
    overflow: visible;
}

これで、スクロールが固定されるはずです。