Автоматическая прокрутка нижней страницы и повтор - PullRequest
Новая
       8

Автоматическая прокрутка нижней страницы и повтор

0 голосов
/ 01 июля 2018

Я искал эту тему, и все решения, которые я получил, основаны на временных интервалах. У меня есть страница php, которая основана на запросе. Результаты этого запроса могут быть маленькими или огромными в зависимости от его параметров. Созданная страница должна плавно прокручиваться вниз до конца результатов, снова прокручиваться вверх и повторяться. Если решение основано на временном интервале, страницу можно прокручивать и результаты не могут быть показаны полностью.

Одно из решений, основанных на временных интервалах, которое я получил, это: Автоматическая прокрутка вниз страницы, затем вверх и повтор . Я пытаюсь использовать JavaScript или JQuery, используя код ниже: 

<script>
var pix = 0;
var sh = document.body.scrollHeight;
var ch = document.body.clientHeight;

setInterval(function(){  
    pix = pix+1;
    //console.log("sh="+sh+" ch="+ch+ " pix="+pix);
    if (pix<=sh)
      window.scrollBy(0, 10); 
    else {
      pix = 0;
      $(document.body).scrollTop(0);
    }
  }, 1000);
</script>

Первая часть в порядке: прокрутка идет гладко. Но когда страница заканчивается, она не запускается снова ($(document.body).scrollTop(0);)

С уважением, спасибо.

1 Ответ

0 голосов
/ 02 июля 2018

Вам нужно изменить строку scrollTop на это: 

$(document).scrollTop(0);

Поскольку в этой строке используется jQuery, убедитесь, что она вызывается в верхнем или нижнем колонтитуле.

Кроме того, вы используете только jQuery для этой конкретной строки, поэтому, если вы хотите выбрать vanilla JS, вы можете использовать это вместо: 

window.scrollTo(0,0)
...