Bootstrap5でmodalの背景をスクロールさせたい

Question

実現したいこと

Bootstrapを用いてモーダルを作成しているのですが、モーダルを開いている状態でも背景コンテンツをスクロールさせたくcssや公式ドキュメントを確認してみてもうまくいかず困っております。

発生している問題・分からないこと

Bootstrap5のモーダルが開いた状態で背景スクロールさせたい

該当のソースコード

        <div id="multiModal" class="modal fade" tabindex="-1" aria-labelledby="multiModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                        <h2 id="multiModalLabel" class="modal-title fs-5">モーダル</h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
　　　　　　　　                <!-----中身------>
                        <button data-bs-dismiss="modal" type="button" class="btn btn-secondary">閉じる</button>
                    </div>
                </div>
            </div>
        </div>

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

背景の見た目等を操作する.modal-backdropというオプションは用意されていたものの実装したいものとは影響範囲が違っていました

補足

特になし

Answer 1

Bootstrap の機能としては変更できないと思いますので、強引にCSSで調整するしかないと思います。

body {
	overflow-y: auto !important;
}

Comments

[musashidayo]

やはりパワープレイでなんとかするしかなかったですね…
ご回答ありがとうございました！