Ionic - Scroll to elements of a page [duplicate]

问题:

This question already has an answer here:

• How to scroll element into view when it's clicked 5 answers

I have a terms page in which included links on the top. The purpose of these links is to scroll to page element that belongs to.

Is there any way to do this dynamically from the component?

回答1:

Eventually there is a scrollTo() method that give you the ability to scroll to any coordinates you want.

In my component I have use the method like this:

export class TermsComponent {
    @ViewChild(Content) content: Content;

    scrollTo(elementId: string) {
        let y = document.getElementById(elementId).offsetTop;
        this.content.scrollTo(0, y);
    }

}

scrollTo() get an argument with the id of the element you want to scroll to.

In my template:

<a (click)="scrollTo('section1')">Section 1</a>
<p id="section1"><b>1. The first element you want to scroll</b></p>