我有以下代码将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 :(得分:0)
这应滚动到模态的顶部。您可以在点击监听器中加载后立即将其滚动。
$(".postmodal-container").scrollTop(0)