現在制作中の案件になります。
http://hikidasu.sub.jp/E-Kreis/index.html
例えば、プライバシーポリシーを開くとモーダルウィンドウが開くのですが、
スクロールをして閉じて、また開くと同じ位置から開始します。
これをリロードせずにフェードインもしくはフェードアウトのイベントの時に戻ればと考えております。
これのスクロールの位置を最初に戻したいのですが、どなたかご教授いただければ幸いです。
試したことは、position:fixed;を変更したり、jQueryでscrollTop()など指定しましたが、変わりません。
コードになります。
// main.js jQuery(function(){ $('.table_type02 select').click(function(){ $('#sele').fadeOut(); }); }); jQuery(function(){ var winScrollTop; $('.js-modal-open').each(function(){ if ($(window).width() < 767) { $(this).on('click',function(){ //スクロール位置を取得 winScrollTop = $(window).scrollTop(); var target = $(this).data('target'); var modal = document.getElementById(target); $(modal).fadeIn(function(){ $('.sp_gnav, #main, .contact').fadeOut(); }); return false; }); $('.js-modal-close').on('click',function(){ $('.js-modal').fadeOut(function(){ $('.sp_gnav, #main, .contact').fadeIn(); }); return false; }); } else { $(this).on('click',function(){ //スクロール位置を取得 winScrollTop = $(window).scrollTop(); var target = $(this).data('target'); var modal = document.getElementById(target); $('.modal_in').scrollTop(); $(modal).fadeIn(function(){ $('.gnav, #main, .contact').fadeOut(); }); return false; }); $('.js-modal-close').on('click',function(){ $('.modal_in').scrollTop(); $('.js-modal').fadeOut(function(){ $('.gnav, #main, .contact').fadeIn(); }); return false; }); } }); });
.modal_inがモーダルの中のコンテンツになります。
入れ子になっているのが、問題なのでしょうか?
親要素はposition: absolute;でさらにその親がモーダルになります。
お手数をおかけしますが、何卒よろしくお願い申し上げます。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/02/27 01:16
2020/02/27 01:18
2020/02/27 11:51