Question

我有以下代码将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);

谢谢，

斯科特

Answer 1

这应滚动到模态的顶部。您可以在点击监听器中加载后立即将其滚动。

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

单击导航后将模式滚动到顶部

1 个答案: