How can I scroll to the top of a page using Javascript?

Question

How to scroll to top of the page in php with javascript

scroll(0,0); \\ this is not working?

On click of submit, i call a function to validate the form and incase of error i will be setting the errormessage thru innerhtml and need to scroll to top of the page without submitting.

Everything works...but its not scrolling to top of the page

That should work, maybe you're calling it incorrectly? It could be that you're not triggering the action. — johnnyArt, Jan 10 '10 at 09:58
it needs to be triggered somehow, how are you calling scroll? — falstro, Jan 10 '10 at 10:00
Does this answer your question? [How to scroll to top of page with JavaScript/jQuery?](https://stackoverflow.com/questions/4210798/how-to-scroll-to-top-of-page-with-javascript-jquery) — Liam, Jul 28 '21 at 10:18

score 5 · Accepted Answer · answered Jan 10 '10 at 20:30

5

Use window property scrollTop (MSDN, MDC) to set number of pixels to scroll offset.

window.scrollTop = '0';

answered Jan 10 '10 at 20:30

nemisj

11,562
2
25
23

score 3 · Answer 2 · answered Dec 23 '11 at 11:50

3

If you have a particular element that you want to scroll over, lets say, the element of whose innerHTML you are modifying then you can use the following

 element.scrollIntoView(true);

Works in all browsers

answered Dec 23 '11 at 11:50

jmishra

2,086
2
24
38

score 1 · Answer 3 · answered Jan 10 '10 at 15:45

1

How about trying window.scrollTo(0,0). It is basically the same thing as scroll(0,0).

If it does not work, show us more code.

answered Jan 10 '10 at 15:45

epascarello

204,599
20
195
236

score 1 · Answer 4 · answered Jan 10 '10 at 20:36

1

Scrolling to the absolute top of the page can be achieved by either

window.scrollTo(0,0);

or

window.location = "#";

Note that the second method will append "#" to the current URL.

answered Jan 10 '10 at 20:36

Justin Johnson

30,978
7
65
89

Manish Kumar · Answer 5 · 2021-07-30T16:34:21.030

<a href="#">Scroll to Selected Position</a>

Above code worked for me. I tried with onclick="window.scrollTo(0, 0);" but this does not worked for me, all I needed was href="#" and no onclick. We might also notice that # will be getting appended in url.

Old non-working code has href="javascript:scroll(0,0)" which had an issue in doing scroll to top in angular/iframe component.

Above code does not worked in Firefox.

Final Solution:

function scrollToSelectedPosition() {
   var sectionToJump = document.getElementById('section-to-jump');
   $(sectionToJump).scrollIntoView();
}

and

<a onclick="scrollToSelectedPosition()">Scroll to Selected Position</a>

This worked in FireFox, Chrome, Safari and IE.

How can I scroll to the top of a page using Javascript?

5 Answers5