Question

我只有一个登录页面，其中包含一个菜单和一些部分。菜单中的每个项目都应平滑滚动到给定的部分。

我的第一种方法是：

window.scrollTo({
  y: this.el.nativeElement.querySelector('app-contact').offsetTop // 600
  behavior: 'smooth'
});

我面临的问题：

离子4似乎没有对scrollTo的响应，即使我写了window.scrollTo(0, 300)，也没有任何反应。
behavior: 'smooth'。因此，我不能使用这种方法。

我想知道如何使用Ionic 4对锚进行平滑滚动。

Answer 1

离子处理其离子含量成分中的滚动。

内容组件带有一些滚动方法，例如scrollToPoint，可能对您有用。

要获取IonContent对象，您需要使用ViewChild

import {ViewChild} from '@angular/core'
export class yourPage {
  @ViewChild('ion-content') content: IonContent;
  scroll(x, y) {
    this.content.scrollToPoint(x, y, 300)
  }
}

或者如果您想滚动一定距离，也可以选择scrollByPoint

Ionic 4平滑滚动以锚定

1 个答案: