像在这个网站上一样流畅的滚动答案

【问题标题】：So smooth scrolling like on this website像在这个网站上一样流畅的滚动
【发布时间】：2016-01-09 11:22:25
【问题描述】：

如何实现像本网站一样的平滑滚动？ https://boredomdoctors.com/banjo-dog/

【问题讨论】：

那里有许多自定义滚动库，只需快速搜索即可。我用过的两个是malihu scroller 和perfect scrollbar

【解决方案1】：

我在website 上找到了类似的解决方案：

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' );
}

【讨论】：