andferminiano / jquery-scroll-pagination Goto Github PK

The fadeInWithDelay function doesn't seem to be working. How do I set the timing? Any suggestions?

when scroll down too fast it sends multiple ajax request and shows duplicate data .

Don't work in Safari for iPhone 4/4S

Is there any way where I can only show a no of result instead of repeating the same content as given in the example? For example, I want to show only 20 result out of 100 first time and when user scroll down then next 20 and so on.

As $.extend changes the value of the first argument, the correct command sould be:

var opts = $.extend({}, $.fn.scrollPagination.defaults, options);

Using as it is (var opts = $.extend($.fn.scrollPagination.defaults, options);), will change de defaults values for a second call.

I have fixed 3 problems in issues:

• block when request
• pass page number to contentPage with GET method
• trigger scroll at first time

Here is my code and demo: https://github.com/yijingping/jquery-scroll-pagination
And also, I have made a pull requests, check the diffirences here: https://github.com/yijingping/jquery-scroll-pagination/commit/3d6e718c01e13ee60fde21a54ab8d80a8d9d3de2

Support it :)

I am having an issue where your scroll is continuing to load the page without interaction from the screen.

Love it but I'm confused on how to get the next row of results on the democontent.php. When the div reloads I have the same 10 results.
Think others find it useful.
Thanks in advance.

/*
** Anderson Ferminiano
** [email protected] -- feel free to contact me for bugs or new implementations.
** jQuery ScrollPagination
** 28th/March/2011
** http://andersonferminiano.com/jqueryscrollpagination/
** You may use this script for free, but keep my credits.
** Thank you.
*/

(function( $ ){

$.fn.scrollPagination = function(options) {

    var opts = $.extend($.fn.scrollPagination.defaults, options);  
    var target = opts.scrollTarget;
    if (target == null){
        target = obj; 
    }
    opts.scrollTarget = target;

    return this.each(function() {
      $.fn.scrollPagination.init($(this), opts);
    });

};

$.fn.stopScrollPagination = function(){
return this.each(function() {
$(this).attr('scrollPagination', 'disabled');
});

};

$.fn.scrollPagination.loadContent = function(obj, opts){
var target = opts.scrollTarget;
var mayLoadContent = $(target).scrollTop()+opts.heightOffset >= $(document).height() - $(target).height();
if (mayLoadContent){
if (opts.beforeLoad != null){
opts.beforeLoad();
}
$(obj).children().attr('rel', 'loaded');
$.ajax({
type: 'POST',
url: opts.contentPage,
data: opts.contentData,
success: function(data){
$(obj).append(data);
var objectsRendered = $(obj).children('[rel!=loaded]');

            if (opts.afterLoad != null){
                opts.afterLoad(objectsRendered);    
            }
          },
          error: function(jQuertXML, status, errorThrown) {
            //NProgress.done();
            opts.errorHandle(status);
          },
          dataType: 'html'
     });
 }

};

$.fn.scrollPagination.init = function(obj, opts){
var target = opts.scrollTarget;
$(obj).attr('scrollPagination', 'enabled');

 $(target).scroll(function(event){
    if ($(obj).attr('scrollPagination') == 'enabled'){
        $.fn.scrollPagination.loadContent(obj, opts);       
    }
    else {
        event.stopPropagation();    
    }
 });

 $.fn.scrollPagination.loadContent(obj, opts);

};

$.fn.scrollPagination.defaults = {
'contentPage' : null,
'contentData' : {},
'beforeLoad': null,
'afterLoad': null ,
'scrollTarget': null,
'heightOffset': 0,
'errorHandle' : null
};
})( jQuery );