内容滚动到底部不起作用

Question

我正在用离子开发应用程序。当加载页面 scrollToBottom 不起作用时。

Html 部分

<ion-content #content>
</ion-content>

TS部分

@ViewChild(Content) content: Content;

ionViewDidLoad() {
    console.log('ionViewDidLoad PersonalChatPage');
    this.content.scrollToBottom();
}

Answer 1

添加延迟将解决您的问题。

ionViewDidLoad() {
    console.log('ionViewDidLoad PersonalChatPage');
    let that = this;
    setTimeout(()=>{that.content.scrollToBottom();},200); 
}

另一件事是你的代码有#content标签，如下所示：

<ion-content #content></ion-content>

然后你可以这样写：

@ViewChild('content') content: Content;