How do I scroll to the top of the page with JavaScript

Question

How do I scroll to the top of the page with JavaScript after the page is completely loaded.

[Read this](https://stackoverflow.com/questions/4210798/how-to-scroll-to-top-of-page-with-javascript-jquery). — sdgluck, Sep 18 '15 at 16:03
http://stackoverflow.com/questions/4210798/how-to-scroll-to-top-of-page-with-javascript-jquery — tkay, Sep 18 '15 at 16:05

score 0 · Answer 1 · answered Sep 18 '15 at 16:04

0

Try:

document.body.scrollTop = document.documentElement.scrollTop = 0;

answered Sep 18 '15 at 16:04

Ruslan Gunawardana

66
2
9

score 0 · Accepted Answer · edited Sep 18 '15 at 16:08

0

Use window.scrollTo(x, y) where x and y are horizontal and vertical offsets in pixels.

edited Sep 18 '15 at 16:08

isherwood

58,414
16
114
157

answered Sep 18 '15 at 16:07

Mike Ezzati

2,968
1
23
34

score 0 · Answer 3 · answered Sep 18 '15 at 16:07

var stepTime = 20;
var docBody = document.body;
var focElem = document.documentElement;

var scrollAnimationStep = function (initPos, stepAmount) {
var newPos = initPos - stepAmount > 0 ? initPos - stepAmount : 0;

docBody.scrollTop = focElem.scrollTop = newPos;

newPos && setTimeout(function () {
    scrollAnimationStep(newPos, stepAmount);
}, stepTime);
}

var scrollTopAnimated = function (speed) {
var topOffset = docBody.scrollTop || focElem.scrollTop;
var stepAmount = topOffset;

speed && (stepAmount = (topOffset * stepTime)/speed);

scrollAnimationStep(topOffset, stepAmount);
};

And then:

<button onclick="scrollTopAnimated(1000)">Scroll Top</button>

How do I scroll to the top of the page with JavaScript

3 Answers3