Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
jQuery plugin for appending data as you scroll to the bottom of a page
JavaScript
branch: master
Failed to load latest commit information.
README.md Added discuss link.
jquery-ui.scrollAppend.js Removed commented out code.

README.md

scrollAppend Appends results as you scroll

This will automatically append the next page of results as you continue to scroll down a page.

Features:

  • Define a number of pages to append before pausing with a "Show More" button.
  • Float the footer after a single page of results. Reverts back to relative after another page loads.
  • Uses localStorage so the user won't lose their place when clicking away and returning.

Usage:

$(window).scrollAppend({
    url: 'newsfeed.php',
    params: { type: "image", who: "friends" },
    appendTo: "#newsfeed",
    footerClass: "#footer"
});

Here are CSS classes it uses (.footer_fixed is required for the fixed footer feature):

.scroll_append_more { width: 100%; text-align: center; }
.scroll_append_loading { width: 100%; }
.scroll_append_loading img { display: block; margin-left: auto; margin-right: auto; }
.footer_fixed { position: fixed; bottom: 0px; }

When you've reached the last page of results simply have your server-side script return the word "false" in plain text.

Discuss at Hawkee: http://www.hawkee.com/snippet/9445/

Something went wrong with that request. Please try again.