Ionic framework 如何在ionic 5中滚动至聊天页面底部

我正在用ionic 5构建一个聊天手机应用程序，我希望能够滚动到聊天的底部，但它不起作用，我在网上搜索了，但我看到的解决方案不起作用，它只是滚动了一点，但没有滚动到聊天的结尾

这是我的chat.page.html代码

....
卷轴1
{{message.text}
{{message.created}}

.......

这是chat.page.ts的代码

从'@angular/core'导入{Component，OnInit，ViewChild}；
从'@ionic/angular'导入{IonionContent}；
@组成部分({
选择器：“应用程序聊天”，
templateUrl:'./chats.page.html'，
样式URL:['./chats.page.scss']，
})
导出类聊天室实现OnInit{
消息=新数组（）
@ViewChild（IonContent，{static:false}）content:IonContent；
建造师(
) { }
恩戈尼尼特（）{
这是我的留言=[
{文本：“你好吗？”，键入：“已接收”，创建：“14:02”}，
{文本：“无”，键入：“发送”，创建：“14:05”}，
{文本：“想去看电影吗？”，键入：“发送”，创建：“14:05”}，
{文本：“对不起，我不能”，键入：“已接收”，创建：“14:15”}，
{文本：“但是我们明天可以去吗？”，键入：“已接收”，创建：“14:16”}，
{文本：“无”，键入：“发送”，创建：“14:05”}，
{文本：“无”，键入：“发送”，创建：“14:05”}，
{文本：“无”，键入：“发送”，创建：“14:05”}，
{文本：“无”，键入：“发送”，创建：“14:05”}，
{文本：“对不起，我不能”，键入：“已接收”，创建：“14:15”}，
{文本：“但是我们明天可以去吗？”，键入：“已接收”，创建：“14:16”}，
]
}
滚动内容（）{
this.content.scrollToBottom（300）
}
}

我希望当我单击按钮时，它可以用

class=“chat container”

滚动到div的底部。

---

请问我在做什么不对

你试过解决这个问题的方法吗？你试过这个话题的解决方案吗？