magnific popupまたはcolorbox.jpで背景を固定したい。

Question

前提・実現したいこと

（以前違う質問をしたのですが、内容がわかりににくく、回答が得られませんでしたので、質問内容を変更しました。申し訳ございません。）

レスポンシブ対応のポップアップ機能を実装したいと思いmagnific popupかcolorbox.jsを検討しています。

表示したい主な内容は、外部HTMLです。

どちらのプラグインも設置まではできましたが、同じ問題でつまずいています。

それはポップアップしたときに、背景が固定されず、スクロールしてしまうことです。
背景がスクロールしてしまうことでポップアップも一緒に動いてしまうので、
できれば、ポップアップしている間は背景を固定したいです。

スマホ（iphone/android）でも同様に固定できればと思っています。

magnific popupかcolorbox.jpで、実現可能な方を採用して制作を進めていきたいと思いますが、他のプラグインなどございましたらご提案いただけたらと思います。

ぜひアドバイスよろしくお願い致します。

Answer 1

過去に同様の質問がありましたが、参考になるでしょうか？
https://teratail.com/questions/117427

Comments

[ma.sa]

返信が遅くなりまして申し訳ございません。

ご提示いただきました内容を確認いたしましたが、
当方javascriptに明るくないため、colorbox.js・magnific-popup.jsをどのように改変すればよいのかわかりませんでした。bootstrapも読み解けませんでした・・・

とりあえず、PCから見た場合はmagnific-popup.jsを使用すると背景は固定されているようですので、こちらを採用してみます。（Android/iphoneではやはりスクロールされてしまいましたが）

アドバイスありがとうございました。