How do I scroll to the top of a page on a button click in JavaScript?

Question

I want to scroll to the top of the page when I click on a button. How should I achieve this?

Possible duplicate of [Scroll to the top of the page using JavaScript/jQuery?](https://stackoverflow.com/questions/1144805/scroll-to-the-top-of-the-page-using-javascript-jquery) — SomeBruh, Sep 21 '17 at 09:03

score 3 · Answer 1 · answered Sep 21 '17 at 08:56

3

You can call this inside the button click event

goTop(){
    window.scrollTo(0, 0);
}

answered Sep 21 '17 at 08:56

Sajeetharan

It is not working. I have a frame with scroll bar in the right of the page. – Nelul Sep 21 '17 at 09:16
1

This was the answer. Somewhere in OnClick function I had to put this: this.elementRef.nativeElement.querySelector('#trip-request-step-' + index ).scrollIntoView(); Where #trip-request-step is the id element from the page where I want to navigate. – Nelul Sep 21 '17 at 10:17

score 0 · Accepted Answer · answered Oct 20 '17 at 11:07

This was the answer. Somewhere in OnClick function I had to put this:

this.elementRef.nativeElement.querySelector('#trip-request-s‌tep-' + index ).scrollIntoView();

Where #trip-request-step is the id element from the page where I want to navigate.

2 Answers2