移动端页面上拉加载、下拉刷新插件
来源:互联网 发布:有赞微商城和淘宝区别 编辑:程序博客网 时间:2024/05/16 18:03
插件名称:dropload.js
GitHub:https://github.com/ximan/dropload
依赖:jQuery1.7以上(http://code.jquery.com/jquery-3.2.1.js)
使用方法:
<link rel="stylesheet" href="../dist/dropload.css"><script src="../dist/dropload.min.js"></script>$('.element').dropload({ scrollArea : window, loadDownFn : function(me){ }, loadUpFn:function(){ }});
参数列表 (options):见Github
由于部分Android中UC和QQ浏览器头部有地址栏,并且一开始滑动页面隐藏地址栏时,无法触发scroll和resize,所以会导致部分情况无法使用。解决方案1:增加distance距离,例如DEMO2中distance:50;解决方案2:加meta使之全屏显示
<meta name="full-screen" content="yes"><meta name="x5-fullscreen" content="true">
阅读全文
0 0
- 移动端页面上拉加载、下拉刷新插件
- 移动端下拉刷新、上拉加载更多插件
- 移动端下拉刷新、上拉加载更多插件dropload
- 移动端下拉刷新、上拉异步加载的插件以及轮播图插件
- 移动端下拉刷新、上拉加载更多 Zepto/jQuery插件
- 移动端下拉刷新、上拉加载更多插件dropload的使用
- Zepto或jQuery移动端下拉刷新,上拉加载更多插件
- 上拉加载 下拉刷新
- 下拉刷新 * 上拉加载
- 上拉刷新 下拉加载
- 下拉刷新,上拉加载
- 上拉刷新下拉加载
- 下拉刷新,上拉加载
- 上拉刷新,下拉加载
- 上拉刷新下拉加载
- 上拉刷新下拉加载
- 上拉加载,下拉刷新
- 上拉刷新,下拉加载
- PullToRefreshListView
- C#多线程
- leetcode 561 Array Partition I
- jsonp的使用
- 轮播图
- 移动端页面上拉加载、下拉刷新插件
- cyclictest源码分析
- Array Map, Filter and Reduce in JS 牛x的讲解 in js
- BZOJ3884 上帝与集合的正确用法 [欧拉函数]
- hadoop HA +zookeeper +yarn
- 转自TheLJT 旧日本海军建军思路与用兵思路的研究
- ES 基本使用《一》--分析
- ElasticSearch对比Splunk
- 奥威Power-BI 快消行业BI解决方案——分大区分品种销售分析