Jquery，Django，Infinite Scroll在加载页面后加载其余元素

Question

我能够按照本指南实现无限滚动到我的Django网站的主页：https://simpleisbetterthancomplex.com/tutorial/2017/03/13/how-to-create-infinite-scroll-with-django.html

基本上触发无限滚动的Jquery代码是这个（加上一些django代码）：

<script>
  var infinite = new Waypoint.Infinite({
  element: $('.infinite-container')[0]
  });
</script>

这很好，因为我很快加载页面，然后用户可以在其他元素加载时无限滚动。我现在想要实现的是像现在一样加载页面，之后立即加载页面，而不需要向下滚动，我想加载其余的元素。所以基本上用前几个元素加载页面然后加载所有剩余的元素而不必滚动。请注意，我使用了上面的指南实现，因为它是一种方便的方式，可以使用所有Django的功能（特别是与外键相关），所以我试图坚持这种方法。

有没有办法改变Jquery只触发的内容？

谢谢，维托里奥

Answer 1

Waypoint.Infinite是一个你应该阅读docs的lib。假设在到达底部时触发加载，您可以在页面加载时使用Jquery滚动到底部。

$('html, body').scrollTop($(document).height());