2016-09-21 36 views
0

我有以下代码,它将wordpress帖子加载到工作得很好的模式中。唯一的问题是,当其中一个导航链接被点击时,它会加载下一个帖子而不滚动到顶部。单击导航后滚动模式到顶部

有没有什么办法可以让模态滚动到顶部时,其中一个导航链接被点击?

(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

它确定我用$(“.postmodal”).empty(); –