iScroll 5.1.2下拉刷新与上拉加载Demo
移动端项目里的下拉刷新和上拉加载，iScroll v5.1.2真的挺好用。它不是那种功能一堆但集成麻烦的库，配置清晰，逻辑也简单，适合你想快速搞个可滚动的列表又不想手写一堆监听逻辑的时候。
iScroll 的滚动效果顺滑，尤其在移动设备上，几乎不卡顿。硬件加速这块做得不错，用起来也不挑布局，像position: fixed、浮动元素这些它都能兼容得挺好。
下拉刷新的体验比较接近原生 App。你只要在初始化时加上pullToRefresh: true，监听下onRefresh事件就行了，逻辑挺清晰的。例如用户下拉后触发加载，再调用myScroll.refresh()刷新视图。
上拉加载也一样简单，启用infinite: true，当用户滚动到底部，它就自动触发onInfinite。比较适合做那种“查看更多”列表，比如电商商品页或者资讯流。
视觉这块你也可以自定义，像加载图标、提示文字都能用自己的 DOM 写，用 CSS 控制样式状态，再配合 JavaScript 事件切换逻辑，比如加载中、加载完成、没有更多等。
demo 里包含了完整实现，从初始化到事件、再到 DOM 样式控制都写得清楚，照着改就能用。你要是正好在做个微信页面、小程序 Web-view 或 H5 应用，用这个上手快，体验也不差。
如果你想看看类似的实现或者对比其他方案，可以翻翻这些链接：iscroll 上拉加载，下拉刷新、iScroll 下拉刷新与上拉加载实现、uniapp 实现上拉刷新下拉加载，风格不一样，但思路差不多。
文件大小：97.92KB
评论区