原文：优雅的H5下拉刷新【minirefresh】
序 严格的来说，这是我第一个完全投入的开源项目，它的出现是为了统一移动H 中的下拉刷新，想通过一套框架，多主题拓展方式，适应于任意需求下的任意下拉刷新场景。 另外，这个项目作为独立项目存在，希望能有更多的人参与进来 minirefresh 优雅的H 下拉刷新。零依赖，高性能，多主题，易拓展。 特点 零依赖 原生JS实现，不依赖于任何库 多平台支持。一套代码，多端运行，支持Android，iOS，主 ...
2017-09-02 15:03 11 12214 推荐指数：
相关推荐
上拉刷新-下拉加载 dom样式要求： 刷新与加载什么时候触发？根据的是滚动区域的顶部和底部 与 外部盒子的顶部和底部距离判断的； 外部盒子不能动，那么就要定外部盒子的高度了（100%），外部盒子高度等于屏幕的高度。 依赖：jquery-2.1.4.js/iscroll.js ...
前言 在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步： 监听原生 ...
前言 在移动端H5网页中，下拉刷新和上拉加载更多数据的交互方式出现频率很高，开源社区也有很多类似的解决方案，如iscroll，pulltorefresh.js库等。下面是对这两种常见交互基本实现原理的阐述。 实现原理 下拉刷新 实现下拉刷新主要分为三步： 监听原生 ...
1、初识iScroll 官网： http://cubiq.org/iscroll-4 最新版本已经更新到5.0,官网： http://cubiq.org/iscroll-5 ...
前言 前一段有个手机端的项目需要用到下拉刷新和上拉加载更多的效果，脑海里第一反映就是微博那种效果，刚开始的理解有些偏差，以为下拉也是追加数据，上拉也是追加数据，后请教同事后发现其实下拉只是刷新最新数据而已，上拉是追加数据。 使用技巧 1、引用iScroll.js ...
http://www.mescroll.com/api.html#options 这里有几个重要的设置 1、down 下不启用下拉刷新是因为再手机端有默认的下拉刷新，会冲突，待解决 2、up 中的 auto 是第一次自动加载； page是设置分页的size，一般num不在这里设置 ...
使用技巧 1、引用iScroll.js， 在初始化时添加两个事件监听：touchMove、DOMContentLoaded。 2、实现iScroll插件的onScrollEnd事件， 也就是在这个事件里调用你自己的ajax方法实现数据的刷新和追加 ...