Такая плавная прокрутка, как на этом сайте

Как реализовать плавную прокрутку, как на этом сайте? https://boredomdoctors.com/banjo-dog/


person Martin    schedule 09.01.2016    source источник
comment
Существует множество пользовательских библиотек прокрутки, просто выполните быстрый поиск. Я использовал два: скроллер малиху и идеальная полоса прокрутки   -  person boyomarinov    schedule 09.01.2016


Ответы (1)


Я нашел на веб-сайт похожее решение:

if (window.addEventListener) window.addEventListener('DOMMouseScroll', wheel, false);
window.onmousewheel = document.onmousewheel = wheel;

function wheel(event) {
    var delta = 0;
    if (event.wheelDelta) delta = event.wheelDelta / 120;
    else if (event.detail) delta = -event.detail / 2;

    handle(delta);
    if (event.preventDefault) event.preventDefault();
    event.returnValue = false;
}

function handle(delta) {
    var time = 900; // delay time
    var distance = 140; // delta point 
    // Dom where it will apply 
    $('html, body').stop().animate({
        scrollTop: $(window).scrollTop() - (distance * delta)
    }, time, 'easeOutExpo' );
}
person Martin    schedule 09.01.2016