当用户使用django无止境分页和jquery航路点滚动时更改页面URL？

我试图使用

history.pushState（）

在用户滚动浏览电影列表时更改浏览器URL。我正在使用django无休止的分页和Twitter风格的分页

我想做的是，当用户不断地向上或向下滚动当前电影列表时，URL会发生变化。假设用户向下滚动到第9页，URL将更新为

/？page=9

。但是如果用户回滚到第2页，URL应该更新到

/？page=2

结果是，如果用户点击一个链接，然后点击后退按钮，他们将返回到他们所在的最后一个“页面”

django无休止的分页可以继续工作，但是如果用户向后滚动页面，我希望它可以反向工作。我认为jquery航路点就是我问题的答案

我在通过Ajax加载页面时生成了以下内容：

<li style="display: none">
  <div id="waypoint1" class="waypoint" data-request-path="/movie/?page=1"></div>
</li>

这在我们第一次通过一个航路点时起作用，但在通过其他航路点时不起作用。这些额外的航路点不存在于文档中，直到在用户滚动时通过Ajax获取额外的结果

当航路点滚动到页面并显示在页面上时，我需要做什么才能使它们引起URL更改

$(".waypoint").waypoint(function() {
    history.pushState({scrollTop:document.body.scrollTop},document.title,$(this.element).attr("data-request-path"));
});