1.整体模拟滚动
监听touchmove事件,比较 scrollTop 和 $scroller.scrollHeight() - $container.height()。
缺点:滑动不流畅,
translate需要开启3D模式,同时添加惯性滑动动画。但看起来不如原生。
2.原生滚动 + 懒加载:模拟滚动
感觉怪怪的。
3.原生滚动(没有上拉动作)
监听scroll,距离下方还有一段距离时,设置loader的display为block,开始加载,加载完成,设置loader的display为none。没有上拉、松手等复杂过程。
国内网址导航大多数都是这种思路,另外Loader都是单纯图片+文字显示,没有设置旋转动画。
有些网站有省流量措施:
之后两次上拉正常,再以后不是自动加载,设置按钮或超链接“点击加载更多”。