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());