js实现上拉加载思路整理

1.整体模拟滚动

　　监听touchmove事件，比较 scrollTop 和 $scroller.scrollHeight() - $container.height()。

　　缺点：滑动不流畅，

　　　　　　　　translate需要开启3D模式，同时添加惯性滑动动画。但看起来不如原生。

2.原生滚动 + 懒加载：模拟滚动

　　感觉怪怪的。

3.原生滚动（没有上拉动作）

　　监听scroll，距离下方还有一段距离时，设置loader的display为block，开始加载，加载完成，设置loader的display为none。没有上拉、松手等复杂过程。

　　国内网址导航大多数都是这种思路，另外Loader都是单纯图片+文字显示，没有设置旋转动画。

　　有些网站有省流量措施：

　　　　之后两次上拉正常，再以后不是自动加载，设置按钮或超链接“点击加载更多”。