ホームページ > ウェブフロントエンド > htmlチュートリアル > ブートストラップでモーダル ウィンドウを追加した後、メッセージ プロンプト ボックスがポップアップした後に元のスクロール バーが表示されてしまう_html/css_WEB-ITnose

ブートストラップでモーダル ウィンドウを追加した後、メッセージ プロンプト ボックスがポップアップした後に元のスクロール バーが表示されてしまう_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:36:50
オリジナル
1067 人が閲覧しました

タイトルにあるように、モーダル ボックスを開いた後、多くのコンテンツがモーダルに追加されます。ただし、モーダル ボックスの操作が検証のために送信されると、プロンプト メッセージが表示されます。検証は失敗し、プロンプト メッセージ ウィンドウが閉じられます。最終的には、ページのスクロール バーが消え、モーダル ボックスのコンテンツの一部が表示されます。図に示すように:

これはスクロール バーが消える前です: スクロール バーはまだそこにあります


このプロンプト ボックスがポップアップします: スクロール バーはまだそこにあります


しかし、プロンプト ボックスを閉じると、スクロールバーが消えてモーダルになります ボックスの中身の一部が食べられました


議論への返信(解決策)

神様、どうか現れて私を救ってください。 Windows 付属のものを使用しない限り、確認が必要なためメッセージ プロンプト ボックスを使用することはできませんが、スタイルが統一されておらず、見苦しいです

モーダル ボックスでは、まず非表示にすることを検討できます。 「返信」コンテンツをドロップするには、ボタンまたはタイトルをクリックして展開します。

さらに、モーダルボックスはオーバーレイをサポートしていないと公式が言っていたのを覚えていますよね?

http://v3.bootcss.com/javascript/#modals

"
同時に複数のモーダル ボックスを開くことはサポートされていません
1 つのモーダル ボックスを別のモーダル ボックスと決して重ねないでください。両方をサポートするには、複数のモーダル ボックスを使用する必要があります。追加のコードを記述してそれらを実装します。

モーダル ボックスで、まず「返信」コンテンツを非表示にし、ボタンまたはタイトルをクリックして展開することを検討できます。

さらに、モーダルボックスはオーバーレイをサポートしていないと公式が言っていたのを覚えていますよね?

http://v3.bootcss.com/javascript/#modals

"
同時に複数のモーダル ボックスを開くことはサポートされていません
1 つのモーダル ボックスを別のモーダル ボックスと決して重ねないでください。両方をサポートするには、複数のモーダル ボックスを使用する必要があります。 「

複数のモーダル ボックスではありません。モーダル ボックスの後に、データ検証とポップアップ確認プロンプト ボックスがあります。これもモーダルとみなされますか? ?


モーダル ボックスで、まず「返信」コンテンツを非表示にし、ボタンまたはタイトルをクリックして展開することを検討できます。

さらに、モーダルボックスはオーバーレイをサポートしていないと公式が言っていたのを覚えていますよね?

http://v3.bootcss.com/javascript/#modals

"
同時に複数のモーダル ボックスを開くことはサポートされていません
1 つのモーダル ボックスを別のモーダル ボックスと決して重ねないでください。両方をサポートするには、複数のモーダル ボックスを使用する必要があります。それらを実装するための追加のコードを作成します。「

これは複数のモーダル ボックスではありません。モーダル ボックスの後に、データ検証とポップアップ確認プロンプト ボックスがあります。これもモーダルとみなされますか? ?

おそらくそうではありません。confirm が閉じたら、js を使用して以下のモーダル ボックスの高さを設定してみてください。 ,



モーダルボックスでは、まず「返信」コンテンツを非表示にし、ボタンまたはタイトルをクリックして展開することを検討できます。

さらに、モーダルボックスはオーバーレイをサポートしていないと公式が言っていたのを覚えていますよね?

http://v3.bootcss.com/javascript/#modals

"
同時に複数のモーダル ボックスを開くことはサポートされていません
1 つのモーダル ボックスを別のモーダル ボックスと決して重ねないでください。両方をサポートするには、複数のモーダル ボックスを使用する必要があります。それらを実装するための追加のコードを作成します。「

これは複数のモーダル ボックスではありません。モーダル ボックスの後に、データ検証とポップアップ確認プロンプト ボックスがあります。これもモーダルとみなされますか? ?

そうではないでしょう。確認が閉じたら、js を使用して以下のモーダル ボックスの高さを設定してみてください。 ,

検索したところ、confirmを定義できないcloseイベントはありませんでした。 取得したモーダルボックスの高さは問題ありません

。 easy ui を使用しています。 ポップアップ ウィンドウを試してください。 bootstrap には close イベントがありません

easyui のポップアップ ウィンドウは Bootstrap より上位ですが、後でページ上のエラー メッセージに置き換えられました。そしてポップアップウィンドウは役に立たなかった

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート