бесконечная прокрутка страницы (прокрутка вверху и назад к нижней части страницы или иначе)

Question

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

я уже половину пути, который я использовал этот код для нижней части страницы:

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

как я могу сделать наоборот? наверху страницы внизу?

EDIT:

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

я попробовал этот код и он работает, но я думаю, что есть маленькая ошибка там, мне нужно, чтобы прокрутить немного больше, чтобы добраться до нижней части сверху или иначе, почему это случиться?

Благодаря

Answer 1

scrollTop не ниже 0, так что вы, вероятно, хотите, чтобы оставить буфер в верхней части страницы, которая отправляет вас на дно при прокрутке над ним.

Что-то вроде этого:

var BUFFER = 10; 

$(document).ready(function() { 
    $(document).scrollTop(BUFFER); 
    $(document).scroll(function(){ 
    var scrollPos = document.documentElement.clientHeight + $(window).scrollTop(); 
    if (scrollPos >= $(document).height()) { 
     $(document).scrollTop(BUFFER); 
    } else if (scrollPos < BUFFER) { 
     $(document).scrollTop($(document).height()); 
    } 
    }); 
}); 

Answer 2

я думаю, что это поможет

window.scrollTo(0,document.body.scrollHeight); 

или если вы хотите использовать JQuery получить от this thread