Vue中如何实现混入mixins的滚动触底功能？

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

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

如何判断滚动触底：来看下几张图：

情况一：当文档高度超过可视高度时，

判断触底条件：- 计算滚动位置：`scrollTop`- 计算可视区域高度：`clientHeight`- 计算文档高度：`scrollHeight`- 判断条件：`scrollTop + clientHeight >=scrollHeight`

如果满足以上条件，则触底。

前言

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