https://www.zdanija.ru/includes/scroll/scroll.js

1
2var scroll_delay = 1000;  //задержка в милисекундах
3var scroll_distance = 100; //процент от высоты документа, на который нужно скролить
4
5$(function() {
6    
7    //Вычисляем расстояние в пикселях, на которое нужно скролить
8    scroll_distance = Math.round($('body').height() * scroll_distance / 100.0);
9    
10    var scroll_up = $('#scroll_div .arrow-up');
11    var scroll_down = $('#scroll_div .arrow-down');
12    
13    scroll_up.on('click', function() {$('body').scrollTo('-=' + scroll_distance + 'px', scroll_delay);}); //Скролл вверх
14    scroll_down.on('click', function() {$('body').scrollTo('+=' + scroll_distance + 'px', scroll_delay);}); //Скролл вниз
15    
16    scroll_down.show();
17    
18    //Отображаем или скрываем стрелки при скролле
19    window.onscroll = function () {
20        
21        if ($(window).scrollTop() >= 50) scroll_up.show();
22        else scroll_up.hide();
23        
24        if ($(document).height() - $(window).scrollTop() - $(window).height() > 50) scroll_down.show();
25        else scroll_down.hide();
26        
27    }
28    
29});