jq向下滑动刷新_jQuery手势控制，下拉刷新

插件描述：手机APP开发中，下拉刷新是一个很常见的功能，但是在网页中，这种模式用的很少。网页下拉刷新，看似简单的功能，但我在网上并没有找到比较好的解决方法。自己开发了一个，期间遇到了各种小坑，浏览器兼容，各种浏览器下拉默认事件，PC端无触摸事件~。记录一下

静态样式

**html代码示例**

1

2

3

4

其中container是触摸容器，loading-warp，是刷新提示容器，容器样式、id可以自定义，此处只是示例而已

css代码示例

1

2.container{overflow:hidden;min-height:100%; }

.loading-warp{margin-top:-100px; }

container高度不能设置为0,以免不能触发触摸事件，overflow属性必须设置为hidden~

loading-warp的margin-top值必须设置为其自身高度的相反值~

引用

javascript

1

2

WAP端引入jquery与下拉插件即可，当然也可以引用zepto

javascript

1

2

3

- PC端需要额外引入touche库文件添加触摸支持 [touche](https