离子 - 滚动到页面的元素

Question

我有一个条款页面，其中包含顶部的链接。这些链接的目的是滚动到属于。

的页面元素

有没有办法从组件动态执行此操作？

Answer 1

最终有一个scrollTo() method，可让您滚动到所需的任何坐标。

在我的组件中，我使用了这样的方法：

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

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

}

scrollTo()获取一个参数，其中包含您要滚动到的元素的ID。

在我的模板中：

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