How to scroll to the top using vanilla JavaScript?

Question

I'm trying to imitate scrollTop (jQuery) in vanilla JS, so on click it scrolls to an element. This works fine - unless you have already scrolled past the element. So it doesn't scroll the opposite way. Should my formula incorporate window.pageYOffset?

var moves = function(scrollz) {
    var scrollPos = document.getElementById(scrollz).offsetTop - ((document.documentElement.clientHeight - document.getElementById(scrollz).offsetHeight) / 2);

    var timerID = setInterval(function() {
        window.scrollBy(0, speed);
        if (window.pageYOffset >= scrollPos) {
            clearInterval(timerID);
        }
    }, 13);
}

Conspicuous Compiler · Accepted Answer · 2016-04-15 23:37:40Z

4

scrollBy will scroll from "actual position" to "number of pixel defined" I think you might take a look at scrollTo

edited Apr 15, 2016 at 23:37

Conspicuous Compiler

6,4901 gold badge44 silver badges53 bronze badges

answered Jan 18, 2013 at 18:38

Philippe Boissonneault

3,9493 gold badges28 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Neo Over a year ago

Thanks Philippe, i just set a counter starting at window.pageYOffset and incremented it at setintervals till scrollPos[above] was reached

Collectives™ on Stack Overflow

How to scroll to the top using vanilla JavaScript?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related