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了解更多详情。