Vue混入mixins滚动触底方法，如何改写为长尾词？

本文共计1505个文字，预计阅读时间需要7分钟。

前言：在APP端，我们常常看到类似加载数据的动画。接下来，我们来实现滚动触底加载动画，并探讨如何复用这些逻辑。

如何判断滚动触底：

1.来看几张图：

- 情况一：当文档高度还未超过可视区域时； - 情况二：当文档高度超过可视区域。

情况一：当文档高度还未超过可视区域时：- 不需要加载动画。

情况二：当文档高度超过可视区域时：- 需要加载动画。具体实现如下： - 监听滚动事件，获取滚动位置。 - 判断滚动位置是否接近底部。 - 如果接近底部，则触发加载动画，并加载数据。 - 数据加载完成后，更新文档内容，并重置滚动位置。

前言

在app端常常看到类似加载数据的动画，接下来我们来实现滚动触底加载动画提示，以及如何复用这些逻辑。