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是您应该阅读文档的lib。假设加载是在到达底部时触发的，则只需在页面加载时使用Jquery滚动到底部即可。

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

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

1 个答案: