javascript animate scroll to top code example

Example 1: js animate scroll to the top of the page

// Experimental: https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView#Browser_compatibility
document.body.scrollIntoView({behavior: 'smooth', block: 'start'});

Example 2: js animate scroll to the top of the page

function scrollTo(element, to, duration) {
    if (duration <= 0) return;
    var difference = to - element.scrollTop;
    var perTick = difference / duration * 10;

    setTimeout(function() {
        element.scrollTop = element.scrollTop + perTick;
        if (element.scrollTop === to) return;
        scrollTo(element, to, duration - 10);
    }, 10);
}

Tags:

Css Example