概要
「Magnific Popup」でポップアップを表示した際に、スマホでも背景(body)をスクロールしないようにするカスタマイズを紹介。用途・要件
- 「Magnific Popup」を使用した際に、スマホでも背景(body)スクロールを禁止する。
- CSSを追加して対応する。（overscroll-behavior使用）
検証ブラウザ
- Google Chrome(最新)
- Firefox(最新)
- Microsoft Edge(最新)
- Safari(最新、※バージョン16以上)
その他
- Magnific Popup v1.1.0使用。
- jQuery v3.6.1使用。
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。（トラブルシューティングページへ）
