js实现上拉加载思路整理


1.整体模拟滚动

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

  缺点:滑动不流畅,

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

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

  感觉怪怪的。

3.原生滚动(没有上拉动作)

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

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

  有些网站有省流量措施:

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM