dropload

a javascript implementation of pull to refresh and up to loadmore

(introduce)

githubbugdemoajaxjson

(The latest version)

0.9.1(161205)

loadDownFnbug
resizebug

(demo)

DEMO1(loadmore)

DEMO2(refresh & loadmore)

DEMO3(refresh & loadmore with fixed navbar)

DEMO4

DEMO5tab

(dependence)

Zepto jQuery 1.7jQuery 2.x
Zepto or jQuery 1.7+recommend to use jQuery 2.xnot use them at the same time

(usage)

cssjs
(basic)

<link rel="stylesheet" href="../dist/dropload.css">
<script src="../dist/dropload.min.js"></script>

$('.element').dropload({
    scrollArea : window,
    loadDownFn : function(me){
        $.ajax({
            type: 'GET',
            url: 'json/more.json',
            dataType: 'json',
            success: function(data){
                alert(data);
                // 
                me.resetload();
            },
            error: function(xhr, type){
                alert('Ajax error!');
                // 
                me.resetload();
            }
        });
    }
});

ajax``setTimeout``ajaxcopyajax``ajax

(options)


scrollArea			window
domUp	DOM	{ domClass : 'dropload-up', domRefresh : '<div class="dropload-refresh"></div>', domUpdate : '<div class="dropload-update"></div>', domLoad : '<div class="dropload-load">...</div>' }
domDown	DOM	{ domClass : 'dropload-down', domRefresh : '<div class="dropload-refresh"></div>', domLoad : '<div class="dropload-load">...</div>', domNoData : '<div class="dropload-noData"></div>' }
autoLoad		true	truefalse
distance		50
threshold		2/3
loadUpFn	function		function(me){ // me.resetload(); }
loadDownFn	function		function(me){ // me.resetload(); }

API

dropload

lock() dropload


`lock()`
`lock('up')`
`lock('down')`

unlock() dropload

noData()


`noData()`
`noData(true)`
`noData(false)`

resetload()

AndroidUCQQscrollresize1distanceDEMO2distance:502meta

<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">

DEMO1

dropload

290725368

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Cheerio	26,943	112,614	19,266	2 days ago	70	June 26, 2022	28	mit	TypeScript
The fast, flexible, and elegant library for parsing and manipulating HTML and XML.
Goquery	12,936		2,839	a month ago	33	February 18, 2023	3	bsd-3-clause	Go
A little like that j-thing, only in Go.
Awesome Javascript Cn	6,731			3 years ago			1
JavaScript 资源大全中文版，内容包括：包管理器、加载器、测试框架、运行器、QA、MVC框架和库、模板引擎等。由「开源前哨」和「前端大全」微信公号团队维护更新。
Cash	6,278	117	175	10 days ago	54	April 13, 2023	10	mit	JavaScript
An absurdly small jQuery alternative for modern browsers.
Sprint	4,347	7		7 years ago		February 22, 2021	21	mit	JavaScript
A tiny, lightning fast jQuery-like library for modern browsers.
Fartscroll.js	2,767			5 years ago		May 11, 2013	31	mit
You want fart noises as you scroll? We've got you covered.
Dropload	2,747			5 years ago	1	April 10, 2017	101
移动端下拉刷新、上拉加载更多插件
Phantomas	2,240	78	18	5 days ago	54	July 31, 2023	59	bsd-2-clause	JavaScript
Headless Chromium-based web performance metrics collector and monitoring tool
Jquery Smooth Scroll	1,979	582	19	a month ago	17	May 05, 2017	9	mit	JavaScript
Automatically make same-page links scroll smoothly
Jquery	1,936			6 years ago			3		JavaScript
jQuery源码解析

Dropload

dropload

(introduce)

(The latest version)

0.9.1(161205)

(demo)

(dependence)

(usage)

(options)

API

dropload