1

Web サイトに登録用のポップアップがあります。このポップアップが電話で開くと、ブラウザーのビュー ポートに対して高すぎて、一部のコンテンツがその外側に表示されます。

問題のイラスト

下にスクロールしようとすると、背景がスクロールします。で背景をロックするとoverflow-y: hidden、何もスクロールしません。

ポップアップはウィンドウとともにスクロールし、同じ場所でロックされます。ページの上部に位置を固定せず、常にビュー ポートの上部に表示されるようにしたいのですが、スクロールしてすべてのコンテンツを表示できるようにする必要があります。

これを修正する方法を知っている人はいますか?

4

3 に答える 3

1

型を使用mediaして、モバイル デバイス、タブレットなどの CSS ルールを記述できます。たとえば、モーダル コンテンツでスクロールする機能が必要な場合は、次のようにすることができます。

@media (max-width: 767px) {
    .modal-content { overflow-y: scroll; }
}
于 2013-07-15T11:37:09.930 に答える
0

Bootstrap モーダル マネージャーの大きな例を見てください。ボディのオーバーフロー (overflow:hidden) を削除し、モーダルの全幅/高さのラッパーを持っています。このラッパーには、overflow:auto; があります。これにより、ボディページが静的であり、ページスクロールがモーダルのみを移動するよりも外観が良くなります。

于 2013-07-15T11:35:08.777 に答える