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

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 虽然，它是默认的）。但是即使不滚动页面，它也会加载所有页面。

标签： jquery-waypoints