航点无限滚动一次加载所有页面

Question

我在Waypoint infinity scroll中使用Django template。

<div class="infinite-container">
    {% for item in arbitrase_records %}
        <div class="col-lg-3 arbitrase-item">
            <!-- item content -->
        </div>
    {% endfor %}
</div>

{% if page_obj.has_next %}
    <a class="infinite-more-link" href="?page={{ page_obj.next_page_number }}">More</a>
{% endif %}

，javascript就像

<script src="{% static 'theme/js/waypoints/lib/jquery.waypoints.min.js' %}"></script>
<script src="{% static 'theme/js/waypoints/lib/shortcuts/infinite.min.js' %}"></script>
<script>
    var infinite = new Waypoint.Infinite({
      element: $('.infinite-container')[0],
      items: '.col-lg-3.arbitrase-item',
      onBeforePageLoad: function () {
        $('.infinite-loading').show();
      },
      onAfterPageLoad: function ($items) {
        $('.infinite-loading').hide();
      },
      offset: -30
    });
</script>

这是我第一次向下滚动页面，它会立即加载所有页面。

我一直在尝试使用offset的不同参数。将offset设置为小于30，例如-20或-10会停止插件加载任何页面。

如何让它仅加载下一页并等待进一步滚动？

我还尝试在'bottom-in-view' 中设置offset（但默认情况下为）。但是，即使不滚动页面，它也会加载所有页面。