离子 - 滚动到页面的元素[重复]

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>

离子 4 (Muhammad Tahir)：

使用this.content.scrollToPoint(0, y);