ajax - pjax（基于 ajax 的页面加载）和用户滚动

Question

假设我有几页长页面，我想使用pjax。当我将一页滚动到末尾，然后单击调用 pjax 重新加载的链接时，第二页的视口从页面末尾开始（而没有 pjax，浏览器将从页面顶部开始）。

我看到的另一个缺点是，当单击返回按钮时，前一页的视口再次被保留，而不是返回到前一页上的状态。

这种行为令人讨厌且不可用。是否可以使用 pjax 模拟标准浏览器的行为？

Answer 1

我对此的解决方案是绑定到pjax:end事件并将页面滚动到顶部；唯一的缺点是后退按钮仍然不记得滚动位置，并且总是从顶部开始。

$('#your-container').bind('pjax:end', function() {
  $(window).scrollTop(0);
});