离子 V4 (angular) content.scrollToTop

Question

在 Ionic V3.X 中，这会将视图滚动到顶部：

@ViewChild(Content) content: Content;

this.content.scrollToTop();

在 Ionic V4 中，这不再有效 - 'Property scrollToTop does not exist on type Content'。

有替代方案吗？谢谢

Answer 1

好像在v4.0.0-beta.3 but some issues were fixed a few hours ago in v4.0.0-beta.6中添加了scrollToTop()方法，所以请将Ionic更新到beta.6 版本和 scrollToTop() 方法应该在那里可用。

编辑:

Thanks, but I'm already on V4.0.0-beta.6. Checking API, clearly there is no scrollToTop() anymore.

很抱歉坚持，但我刚刚安装了 V4.0.0-beta.6，我可以毫无问题地使用 scrollToTop() 方法:

Answer 2

试试这个

@ViewChild(Content) content: Content;   
this.content.scrollTop=0;

示例：https://stackblitz.com/edit/angular-gxxrfp

Answer 3

使用

@ViewChild(IonContent) content: IonContent;

...

this.content.scrollToTop(500);

对我有用，希望对你也有帮助。更多详情 https://www.freakyjolly.com/ionic-4-how-to-scroll-to-top-bottom-using-ion-content-scroll-events/

离子 V4 (angular) content.scrollToTop

Ionic V4 (angular) content.scrollToTop

ionic-framework

angular

ionic4