Loading

样式我们直接CV阳光沙滩的，同学们也可以参考一下ElementUI的骨架屏

阳光沙滩的loading

触发加载更多的时机

要知道的几个高度

当前屏幕的高度

window.screen.height

不过不推荐大家使用这个，毕竟是屏幕的高度。如果用户把屏幕缩小了，那么这个首屏的页面高度不就不对了吗？

推荐大家使用

window.innerHeight

滑动的高度

document.documentElement.scrollTop

内容的高度

document.body.clientHeight

触发条件

当前页面高度+滑动的高度大于等于内容高度时，就去拉取下一页的内容。

当然，为了防止用户多次触发加载更多导致页码错乱，我们要加标记量，如果当前已经在loading了，那么再触发加载更多就不要去执行加载更多了。

okay 水一篇文章和大家说明白一下。