2016-09-21 2 views
0

私は次のコードをWordpressの投稿をモーダルに読み込むことで素晴らしい結果が得られます。唯一の問題は、ナビゲーションリンクの1つをクリックすると、スクロールせずに次のポストをロードすることです。ナビゲーションをクリックした後にモーダルを上にスクロール

ナビゲーションリンクの1つがクリックされたときにモーダルスクロールを上にする方法はありますか?

(function($) { 
$(document).ready(function($){ 
    $(document).on("click", ".esg-grid a, .postmodal .post-navigation a", function(event) { 
      event.preventDefault(); 
     var post_url = $(this).attr("href"); 
     var post_id = $(this).attr("rel"); 
       $(".postmodal").load(post_url + " #main-content"); 
       $(".postmodal-container").removeClass("hidden"); 
       //window.history.pushState("object or string", "Title", "/new-url"); 
    return false; 
    }); 
}); 
})(jQuery); 

おかげで、

スコット

答えて

0

これはあなたのモーダルの一番上にスクロールする必要があります。クリックリスナーに負荷をかけた直後にスクロールすることができます。

$(".postmodal-container").scrollTop(0) 
+0

ありがとう、それは動作しますが、私はそれを行うことができますので、モーダルが新しいコンテンツを持っているまで上に行くことはありませんか?それは奇妙に見える新しいポストを使ってモーダルアップデートをトップに行くからです。 –

+1

ok私は$( ".postmodal").empty()でそれを行いました。 –

関連する問題