javascript - 使用 pjax 时在页面加载时滚动到 div

Question

所以我使用 pjax，因此当用户单击链接而不是加载新页面时，它会将内容拖入。该内容的顶部有一个导航栏，下面有一个内容。单击导航栏后，它会隐藏并显示某些内容......工作正常。

我的问题。当内容被拖入时，我希望页面直接滚动到导航栏，而不是停留在页面顶部，用户需要滚动到它。我用过:

$(function() {
 $('html, body').animate({
    scrollTop: $('#in-page-nav').offset().top}, 1000);
});

滚动到页面加载的 div，当我刷新页面时它工作正常。但是当pjax将内容拉入页面时不起作用。

任何帮助我都会非常感激，谢谢!

Answer 1

您可以在 pjax:success 事件中制作动画。 pjax:success 被触发:

after replacing HTML content loaded from the server

示例

$(document).on('pjax:success', function() {
  // Your scroll animation here.
})

参见Pjax events了解更多详情。