【Element-plus】如何让滚动条永远在最底部（支持在线演示）

一、适用场景

在某些场景下，你可能希望滚动条保持在最底部，以确保用户始终看到最新的内容或信息。如：在实时聊天应用程序中，当新消息到达时，滚动条自动滚动到最底部，方便用户立即看到最新的对话。

二、实现思路

1. 使用 nextTick 等待 DOM 更新完成，然后计算出内部容器的总高度 max（如：当前可视区只有第4、5、6项，前面的3项已经由于滚动的关系不可见了。我们需要获取的总高度是包含 1~6 项的总高，而不仅是可视的高度）；
2. 当出现滚动条时，因为滚动条到容器顶部的距离，一定恒小于在第一步计算出来的内部容器的总高度 max。
3. 所以，每当新增一项或者删除一项时，我设置滚动条到顶部的距离为第一步计算出来的内部容器的总高度 max，就可以让滚动条滚动到底部了。

三、效果图

四、在线演示