2017-10-25 5 views
0

私は壮大なポップアップに問題があります。ボタンをクリックするとモーダルウィンドウが開き、ページがスクロールします。モダルウィンドウが閉じるとき - スクロール戻り位置の位置が逆転する。私はスクロールトップページにしないでください。多分誰も同じ問題がありますか?偉大なポップアップを開いたときにスクロールトップ

+2

コードを教えてください。 – Doggo

+0

こんにちは、私はStackOverflowへようこそ。適切な質問をし、ガイドラインに従って改善する方法については、https://stackoverflow.com/help/how-to-askを参照してください。最初のステップとして、私たちが一見することができるようにあなたのコードを共有してください。 –

答えて

1

MagnificopPopupのfixedContentPosオプションをfalseに設定します。デフォルトではautoに設定され、ボタンをクリックするとページが上にスクロールします。

$('#popupid').magnificPopup({ fixedContentPos = false, //Options... }); 

EDIT

(ポップアップが開いて取得し、ポップアップが閉じますときにそれを削除すると、それはクラスが追加されます)あまりにも、このオプションを使用してみてください:

callbacks: { 
    open: function() { 
     jQuery('body').addClass('magnificpopupnoscroll'); 
    }, 
    close: function() { 
     jQuery('body').removeClass('magnificpopupnoscroll'); 
    } 
} 

そして、このCSSクラスを追加:

body.magnificpopupnoscroll{ 
    overflow-y: hidden !important; 
} 
+0

fixedContentPosオプションを使用すると、すべてのページでスクロールします。 –

+0

編集をチェックして試してみてください – user8828074

+0

はい、それは私にとっては大変ありがとうございます –

関連する問題