Ionic：如何在没有滚动动画的情况下滚动到页面底部？

Question

这是一个聊天页面，我正在

滚动到页面底部

ionViewDidEnter


 ionViewDidEnter(){

    this.content.scrollToBottom();

 }

我希望它在没有滚动动画的情况下滚动到底部，换句话说，就像 whatsapp 聊天一样只显示页面底部。当您点击聊天时，它会向下滚动到页面底部的最近聊天。

Answer 1

一种方法是使用 scrollDownOnLoad input property 来自 ion-content:

<ion-content scrollDownOnLoad="true">
...
</ion-content>

如果您希望在内容滚动到页面底部时更好地控制，但又不想在滚动过程中显示任何动画，您可以将 scrollTobottom() 方法的持续时间设置为 0，如下所示：

this.content.scrollToBottom(0); // The default is 300ms

Ionic: how can I scroll to bottom of the page without the scrolling animation?