Smooth site scroll

gistfile1.txt

function smoothScrollByViewports(herodelay, viewports, duration) {
    // Hide scrollbar
    var style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = `html::-webkit-scrollbar { width: 0px; }`;
    document.getElementsByTagName('head')[0].appendChild(style);
    
    var start = null;
    var initialScrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    var distanceToScroll = window.innerHeight * viewports;

    setTimeout(() => {
    function step(timestamp) {
        if (start === null) {
            start = timestamp;
        }
        var elapsed = timestamp - start;
        var progress = Math.min(elapsed / duration, 1);
        var scrollAmount = initialScrollTop + distanceToScroll * progress;
        window.scrollTo(0, scrollAmount);
        if (progress < 1) {
            window.requestAnimationFrame(step);
        }
    }

    window.requestAnimationFrame(step);}, herodelay * 1000);
}

// Stay on hero for 3 seconds, scroll down by 5 viewports smoothly over 10 seconds (adjust accordingly)
smoothScrollByViewports(3, 5, 10000);