2

ブートストラップ モーダルが動作するように見える方法は、ボディのオーバーフロー y を非表示にすることです。これにより、Microsoft 環境の垂直スクロール バーが削除され、ビューポートの拡大に​​よりボディの幅が変更されます。これにより、流体サイトがビューポートに合わせて再描画され、モーダルがポップアップし、モーダル専用のスクロールバーで背景を暗くすることができます....

これに似た他のトピックを見たことがありますが、直接対処するものはありません。

ブートストラップでモーダルを使用して 100% フルード (ビューポート全体を埋める) の Web サイト デザインを使用している場合、モーダルの背景が暗くなり、モーダルが飛び込む前に、背景のページが再描画されるのを防ぐことは可能ですか?

そのスクロールバーが入ってくるモーダルにスワップインおよびスワップアウトされると、バックグラウンドサイトのわずかな迷惑な拡大と縮小があります.

これはブートストラップのモーダルのサンプル ページです... このページは流動的なデザインではないため、モーダルが飛んでもバックグラウンド サイトのサイズは変更されないことに注意してください。ビューポート全体に収まるようにレスポンシブに引き伸ばされたサイトで同じモーダルがポップされた場合、ボディ オーバーフローが非表示になると、ページ全体が余分な幅で再レンダリングされます (Windows のみ! Mac 独自のスクロール スタイルは変形しません)。

4

0 に答える 0