jQuery Infinite Scroll Plugin: Load content via AJAX when the page scrolls

Recommend this page to a friend!
     
  Info   View files Files   Download Download   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 373 All time: 99 This week: 5Up
Version License JavaScript version Categories
infinite-scroll 1.0Free for non-comm...1.0AJAX, jQuery
Description 

Author

This is a jQuery plugin that can load content via AJAX when the page scrolls.

It can send a AJAX request when page is scrolled below a given page section to load additional content.

The plugin can call given callback functions before sending the AJAX request, when the response is returned and when an error occurs.

The loaded content can be appended to the page section to implement the infinite scroll effect.

Innovation Award
JavaScript Programming Innovation award winner
June 2013
Winner


Prize: One downloadable e-book of choice by O'Reilly
Infinite scroll is an effect achieved when a page has a listing of content that shows part the whole listing and it keeps adding more content to the end as the user scrolls the page.

This jQuery plugin allows achieving that effect by performing AJAX requests to retrieve the new content to append at the listing end.

Manuel Lemos
Picture of satyam kumawat
  Performance   Level  
Name: satyam kumawat <contact>
Classes: 4 packages by
Country: India India
Age: 36
All time rank: 101 in India India
Week rank: 6 Up1 in India India Equal
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

Details

Version : 1.0 Name : Jquery scroll paging Author : Satyam Kumawat <satyam2707@gmail.com> =================================================== This program is free package This program is distributed in the hope that it will be useful, This package is based on JQUERY AND AJAX ======================= GENERAL INTRUCTIONS ======================= PUT THE WHOLE FOLDER IN YOUR HTDOCS(xampp-php) and run in browser. EXAMPLE: ============== $(function() { var offset = 2; $(document).scrollPaging({ url : 'content.php', //required totalRecordCount : 20,//required offset :offset, //required data :'key=value',//you can pass extra params here beforeSend : function(){ var loader = $('<div id="scrollLoader">loading please wait ....</div>') $('#wrapper').append(loader); }, success : function(result) { //required $('#scrollLoader').remove(); $('#wrapper').append(result); } }); }); 1. OFFSET :- It is just like a limit(number of records you want to fetch on each scroll) 2. totalRecordCount :- Total number of records (disable the scrolling once reach this number) 3. data :- not required but you can send extra parameter in your request 4. beforeSend : Put your code which need to execute before each request. 5. success : Put your code which need to execute after each request. Important Note :- =================== All the paramerter used in this plugin is same as a NORMAL AJAX REQUEST SO YOU CAN PASS PARAMETER .

  Files folder image Files (6)  
File Role Description
Files folder imagecss (1 file)
Files folder imagejs (2 files)
Accessible without login Plain text file content.php Data php content file
Accessible without login Plain text file index.php Example demo file
Accessible without login Plain text file Readme.txt Doc. Readme

  Files folder image Files (6)  /  css  
File Role Description
  Accessible without login Plain text file style.css Data stylesheet

  Files folder image Files (6)  /  js  
File Role Description
  Accessible without login Plain text file jquery-1.10.1.min.js Conf. library
  Plain text file scrollpaging.js Class plugin file

 Version Control Unique User Downloads Download Rankings  
 100%
Total:373
This week:0
All time:99
This week:5Up