Q&A
確認したIEのバージョンは幾つでしょうか
jQueryのバージョンは幾つでしょうか
remodalのバージョンは幾つでしょうか
前提・実現したいこと
IE利用時のremodalの背景固定
発生している問題・エラーメッセージ
jqueryのremodalを使用しました。 モーダルウィンドウを開いた際にIEだと背景がスクロールされてしまいます。 対処法が分かる方、ご教授ください。
該当のソースコード
<a href="#modal_01" class=""><img src="/files/6/freepage/img/1.jpg" alt="" class="img-fluid px-1 pb-3"> <section class="remodal" data-remodal-id="modal_01">画像とテキスト</section>
IEは11
jQueryは1.11.3
remodalは1.0.5です。
言葉足らずですみません。
ブラウザのスクロールバーでスクロールはできるのですが、
マウスホイールでスクロールすると背景が動いてしまいます。。
「背景」とは、1.jpg のことですか？
1.jpgも含めたモーダルウィンドウ以外のbodyが動きます。
ブラウザのスクロールバーですとモーダルウィンドウ自体がスクロールされるのですが。。
分かりづらくてすみません！
https://125naroom.com/demo/remodal.html
↑こちらのサンプルページをIE11で試してみましたが、背景が動くということはないようです。
ですので、おそらくremodal以外のコードに問題があるのではないかと思いますが、ご提示のコードで問題は再現しますか？
たとえば、見たところ、Bootstrap を使っているような気がするのですが、そちらの影響ということは考えられませんか？
Bootstrap使ってるならあえてモーダルのために別プラグイン入れるのは無駄と言えば無駄ですね。
m.ts10806さんが指摘されている環境情報は質問に含めるといいです。
質問を適切に編集すると、適切な回答を得られやすいですよ。
皆さん、回答ありがとうございます！
確かにLhankor_Mhyさんのページは背景動きませんね。
色々試しましたがやはり背景が動いてしまうので別の方法でモーダルをするか検討してます。。
そしてBootstrapでモーダルボックスができるのは初耳でした。ありがとうございます。
m-oguraさんもご指摘ありがとうございます！
もし分かる方がいらっしゃれば聞きたいのですが、今回複数個モーダルウィンドウを開いて横スワイプ？でモーダル同士を遷移できるようにしたいです。この際に使いやすいプラグイン等あれば教えていただきたいです。
「モーダル」はあくまで「他の操作を制止して次ブロックのみ操作する機能」のことなので、
複数開いた場合は最後に開いたものだけが操作できるようになります。
複数同時に開くというよりかは右スクロールで次のモーダルボックスに遷移するイメージなのですが、その場合はギャラリーのプラグインを使うべきなのでしょうか？
モーダルの挙動については、ご自分で調べるか、別の質問を立てる方が良いと思います。
ここは質問に対するコメントを書く場所であり、Q&Aする場所ではないので。
あなたの回答
tips
プレビュー
