Endless Scroll

endless.js

var fakeAjax = function(url, success, fail) {
    setTimeout(function() {
        console.log('Done!!!');
        success();
    }, 1000);
};

var render = function() {
    $('.cloud-Label ul.clearFix').append('<li>anything</li>');
};

var $windowSL  = $(window);
var $document  = $(document);
var appendLock = false;
var append = function() {
    if (appendLock) {
        return;
    }
    appendLock = true;
    console.log('refresh');
    fakeAjax('xxx', function() {
        appendLock = false;
        for (var i = 0; i < 10; i++) {
            render();
        }
    }, function() {
        appendLock = false;
    });
};
$windowSL.on('scroll', function() {
    if ($windowSL.scrollTop() + $windowSL.height() >= $document.height()) {
        append();
    }
});