【Magnific Popup】スマホの時に背景スクロールを禁止する

[ ID : 11227 ]
シルバー
【Magnific Popup】スマホの時に背景スクロールを禁止する
実装目安
1分

概要

「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使用。

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

関連記事

新着記事

全ての記事を見る

KONOCODEのメリット 無料会員登録