jQuery上拉刷新下拉加载
jQuery 的上下拉加载用起来真的是蛮顺手的，尤其适合那种需要不断加载新内容的场景，比如做个类似微博、资讯流那种页面，效果自然。下拉刷新和上拉加载都靠监听滚动事件，配合 AJAX 动态插入内容，用户体验会流畅多。嗯，用.scroll()方法也挺简单，手动封装一下，响应也快。
常见的场景像是你在刷个新闻客户端，滑到底部自动加载更多，根本不用手点“加载更多”按钮。你甚至可以配个小 loading 动画，提示用户“别急，数据在路上”，显得更贴心。
上拉刷新更多用在移动端，是内嵌 WebView 的那种 APP。配合像 iScroll 或 jQuery Pull To Refresh 插件，用起来也比较省事。你设置下拉阈值、刷新图标，再写个 $.ajax() 求拉新数据就差不多搞定了。
，兼容性也是个事儿，尤其在触摸事件和滚轮事件上，手机和 PC 浏览器可不太一样。所以建议在初始化时判断下设备，分别 touchstart 和 scroll 事件。
实用建议：最好分页加载，别一股脑把数据全灌进来。还有别忘了放个加载指示器，比如正在加载...，不然用户容易懵。，记得测试下在安卓、iOS 还有几个主流浏览器上的表现。
如果你正打算做个有“无尽加载”或“刷一下就更新”的功能，不妨先看看 pull_to_refresh 相关插件，用 jQuery 实现还是蛮高效的。
文件大小：100.09KB
评论区