如此流畅的滚动就像在这个网站上

Question

如何在这个网站上实现平滑滚动？https://boredomdoctors.com/banjo-dog/

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