прокрутка бесконечности путевых точек загружает все страницы одновременно - PullRequest
Новая
       20

прокрутка бесконечности путевых точек загружает все страницы одновременно

0 голосов
/ 28 мая 2018

Я использую 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 (хотя это по умолчанию) .Но затем он загружает все страницы, даже не прокручивая страницу.

...