Vue聊天框自动滚动底部

原理：通过监听数据更新，将滚动的最大高度赋值给滚动条的最大高度，并等待页面更新完成后再将页面滚动到底部。

  1. 容器代码

  1. watch监听

  • scrollTop: 距离最顶部高度

  • scrollHeight：滚动条高度

posted @ 2024-05-10 17:21  _seven7  阅读(168)  评论(0)    收藏  举报