iScroll4下拉刷新与上滑加载功能
iScroll4 的下拉刷新和上滑加载功能,挺适合做移动端列表的。稍微封装一下,配合ajax求,就能实现类似微博、淘宝那种滑到一半自动加载更多的效果。
插件用的是iScroll4,虽然是个“老朋友”,但稳定性还是蛮靠谱的。你只需要简单封装一下,比如监听滚动到顶部就刷新、滑到底就加载,逻辑也不复杂,响应也快。
比如你在做一个商品列表页,用户下拉可以刷新商品,上滑继续往后看,就不用跳页面,也不卡顿。实现的方式是通过iScroll4的事件钩子,加上ajax
动态求数据,局部更新 DOM 内容。
不过要注意几个小细节:iScroll4不兼容现代一些手势,像是安卓浏览器的支持力度就不太一样,建议提前测试下手势响应;还有就是 API 跟旧版不太一样,文档得重新看看,别套用老写法。
如果你是做移动端 Web 页面的,可以考虑这个方案,改动小、成本低,而且有一堆参考资料:
10.2KB
文件大小:
评论区