(133) モーダル画面の背景をスクロール禁止にしたい。(PC,スマホ,タブレット対応)

投稿者: | 2022年3月12日

101 views

やりたいこと

画面上に子画面をポップアップ表示することがしばしばある。
ポップアップ画面の表示内容が多くなると、ポップアップ画面をスクロールさせたりする。

その時に…
ポップアップ画面の背面にある要素はスクロールさせたくない!

2. やってみる

参考情報のサイトに書かれている通りの方法で実現できた。
他にも同じような情報が多数公開されているが、こちらの方法が一番簡潔且つ機能十分だった。

実行サンプルはこちら(↓)
https://www.dogrow.net/hp/sample/00133/

自力実装した方法だと、スマホでのポップアップ画面クローズ時に画面がちらつくなどの問題があり…
WEB上の情報に感謝感謝です。

3. 参考情報

有益な情報を公開してくださり、ありがとうございます。 m(_ _)m
https://qiita.com/kter/items/8a9ac1ae0e2dd7043e72


コメントを残す

メールアドレスが公開されることはありません。


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)