Как получить эффект автоматической бесконечной прокрутки сверху вниз? - PullRequest
Новая
       38

Как получить эффект автоматической бесконечной прокрутки сверху вниз?

0 голосов
/ 03 марта 2019

Для клиента я должен создать веб-сайт, который будет выглядеть примерно так:

http://thisisclimate.com/

Я нашел несколько плагинов для прокрутки.Это бесконечная прокрутка, но когда она достигает нижней части страницы, вы должны снова загрузить страницу сверху.

У кого-нибудь есть идеи, как мне это построить?

Я попытался использовать следующий код: 

 $( document ).ready(function() {

$("html, body").animate({ scrollTop: $(document).height() }, 4000);

setTimeout(function() {
   $('html, body').animate({scrollTop:0}, 0); 
},0);

var scrolltopbottom =  setInterval(function(){

$("html, body").animate({ scrollTop: $(document).height() }, 4000);

    setTimeout(function() {
       $('html, body').animate({scrollTop:0}, 0); 
    },0);
},0); 
});

И вот как выглядит HTML: 

<body>

<img src="https://via.placeholder.com/500" />
<p>Text</p>
<img src="https://via.placeholder.com/900" />

</body>
...