そして、スクロールした状態で、モーダルを開いて閉じると、一番上にスクロールされた状態で表示されてしまいます。 これらを解決するCSSとJavaScriptのテクニックを紹介します。 Prevent Page Scrolling When a Modal is Open ...

今週は『JavaScriptでモーダルウィンドウを作ろう』をリリースしました。VS Codeに対応した初級者向けのレッスンとなります。 モーダルウィンドウはWebサービスで広く使われているUIなので、これを機に是非チャレンジしてみてください。 ↑ レッスンで作っていくモーダルウィンドウです。 ↑ ...

以下参考サイトです。 【Javascript】Javascriptでモーダルウィンドウを作ろう – エンジニアゲート 今回はJavascriptによるモーダルウィンドウ作成の一例をメモします。 他にも色々と作り方はあると思いますが、私の様なま ullu-egg.com ...

:has () セレクタが使えない場合、モーダルの表示状態をJavaScriptで監視して、body要素にクラスを付与するなどの処理が必要になるため、それがなくなるだけでも実装が簡単になる。