Есть ли способ имитировать бесконечный цикл прокрутки без перескакивания страницы вверху?

Question

В настоящее время я работаю над веб-сайтом с сеткой из кладки - в идеале, что бы я хотел сделать, это подражать петлевому свитку, где, когда пользователь достигает конца страницы, элементы в сетке кладки повторяются из тех, которые были в верхней части страницы. (В принципе, страница не прокручивается назад, элементы просто повторяются.)

Возможно ли это? И есть ли лучший способ объяснить, что я пытаюсь сделать после?

В настоящее время я использую скрипт для циклического прокрутки, но я не совсем доволен тем, как страница скачет так круто к вершине.

Я просто использую это прямо сейчас:

$('document').ready(function() { 
    $(document).scroll(function(){ 
     if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) { 
     $(document).scrollTop(0); 
     } 
    }); 
    }); 

Answer 1

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

$(document).scroll(function() { 
    if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) { 
    var body = $("html, body"); 
    body.stop().animate({ 
     scrollTop: 0 
    }, 1500); 
    } 
}); 

1500 - это сумма в миллисекундах для завершения анимации.