vue.js - 在 Ionic Vue 中滚动到底部

Question

我在 Ionic Vue 中开发了一个聊天应用程序。要始终看到最新消息，我必须自动滑到底部。

对于网络，我使用 vue-chat-scroll，但这不适用于 Ionic Vue。

我尝试了很多不同的策略，但没有任何效果：

var objDiv = document.getElementById("your_div");
objDiv.scrollTop = objDiv.scrollHeight;

或者

this.scrollIntoView(false);

或者

var element = document.getElementById("scroll");
element.scrollIntoView();

或者

vue-scroll-to with a hidden anchor at the end of the view

我还尝试了列出聊天消息的不同方法：

• IonGrid 与 Rows 的组合
• 一个正常的 ul / li 列表
• 只用 div

Answer 1

看看“ion-content”组件，https://ionicframework.com/docs/api/content

它有许多用于滚动的方法和事件。