Как пролистать до определенного элемента, используя Бесконечный свиток с Django? - PullRequest
0 голосов
/ 26 сентября 2019

Когда я первоначально загружаю страницу, она загружает 10 элементов (1,2,3 ... 10), и после прокрутки вниз я получаю еще 10 элементов (11,12,13, ... 20).Но мне нужно прямо прокрутить до 12-го элемента.Я использую бесконечную прокрутку Waypoint (JQuery) и пагинацию Django.

Jquery:

  $(document).ready(function() {
      $('html, body').animate({
     scrollTop: $("#2").offset().top
     }, 'slow');
  });

// код путевой точки:

  var infinite = new Waypoint.Infinite({
  element: $('.infinite-container')[0],
  context: document.getElementById('#16'),
  onBeforePageLoad: function() {
  $('.loading').show();
   },
  onAfterPageLoad: function($items) {
  $('.loading').hide();
  }
  });

При прокрутке данных, поступающих с нумерации страниц Django, путем вызова:

http://localhost:8000/polls/?page=2&type=testpoll

Мне нужно прокрутить до элемента в «page = 2» при начальной загрузке страницы.Как я могу это сделать?

1 Ответ

0 голосов
/ 26 сентября 2019

Я попытался прокрутить с SetInterval.Но если 16-й элемент не найден, он прокручивается вниз страницы.

if($("#16").length === 0){
    myVar =  setInterval(function(){ 
    $("html, body").animate({ scrollTop: 
    $(document).height()-$(window).height()});
    if($("#16").length !== 0){
        clearInterval(myVar);
        next = $(".infinite-item").parent().next().find($('#16'));
        $('html, body').animate({scrollTop: $('#16').offset().top}, 'slow');
      }
    }, 1000);

  }
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...