HTML、CSSの知識はありますが、
jQueryおよびjQueryプラグインの使用に関しては初心者です。
プラグインを用いたモーダルの実装について意図した挙動が上手く行かず、
下記質問させていただければと思います。どうぞよろしくお願いいたします。
前提・実現したいこと
・jQueryプラグインの「Modaal」を使用してモーダルを実装する。
・モーダル起動→モーダル閉じる操作後、元のページの起動前スクロール位置と同じ位置に戻したい。
参考:使用プラグイン「Modaal」 http://www.humaan.com/modaal/
★スマートフォンブラウザ(iOS / Safari)で実現ができていません。
(PCブラウザの場合、ブラウザデフォルトの位置記憶?で戻ってくれる)
発生している問題・エラーメッセージ
・モーダル起動時、背景のページは起動前のスクロール位置のまま。
・閉じるボタン押下後にページの頭にスクロール位置が戻り表示される。
該当のソースコード
html
1 <footer id="footer"> 2 <a class="modal" href="#modal">お問い合わせ</a> 3 </footer> 4 5 <div id="modal" style="display:none;"> 6 <h2 class="modalh2">お問い合わせ</h2> 7 <form> 8 略 9 </form> 10 </div>
javascript
1 <script> 2 $('.modal').modaal({}); 3 </script>
試したこと
スイッチとなる要素(class="modal")に下記CSSを記述
CSS
1.modal { position : static; }
補足情報(FW/ツールのバージョンなど)
jsファイルはプラグインの配布されているGithubからダウンロードして、サイト内ディレクトリから読み込んでいます。
配布元のDEMOでは、特にオプション等の機能を利用しなくても元のスクロール位置に戻れているようなので、原因が特定できず困っております。
回答1件
あなたの回答
tips
プレビュー