5 jQuery Infinite Scrolling Demos. Here are 5 demos which you could use as the barebones for your next infinite scrolling project. I’ve been playing around with infinite scrolling for one of my projects and I’ve tried a few jQuery plugins which can manage the “endless scroll” showing items, posts, rss feeds, tweets or anything really. The content can be generated dynamically from JavaScript but most commonly loaded from a server script using AJAX.
Also I found that Firefox 8 only detects the scroll upto 99.85% of the screen which was strange. Update 14/10/13: Full code for all 5 demos added to GitHub. Infinite Scrolling Demo 1 This demo uses the jQuery Masonry plugin together with the Infinite Scroll plugin. Usage – HTML <div id="container"><div class="box"><p>content</p></div> ... Usage – jQuery <script src="js/jquery.masonry.min.js"></script><script src="js/jquery.infinitescroll.min.js"></script><script> $(function(){ var $container = $('#container'); Infinite Scrolling Demo 2 Infinite Scrolling Demo 3 Infinite Scrolling Demo 4. jQuery Masonry. PageSlide: a jQuery plugin which slides a webpage over to reveal an additional interaction pane.
Advertisement a jQuery plugin which slides a webpage over to reveal an additional interaction pane by Scott Robbin Download PageSlide Now If you've ever used the mobile version of Facebook, or Path,then you've probably seen something akin to PageSlide in action. Clicking on a button or link slides the page over to reveal a hidden pane,one that usually contains secondary navigation, a form, or additional information. There are several ways to use PageSlide, some of which are shown below.Additionally, there is a responsive demo which shows how PageSlide can be used as a mobile solution. Slide to the right, and load content from a secondary page Slide to the left, and display hidden content from this page in a modal pane Modal This slide uses "modal" option set to "true". Where can I get it? If you are interested in learning more about PageSlide, it's recommended that you view the project on GitHub.
Other jQuery Plugins If you like this plugin, feel free to check out some of the others I've built. UI Layout Plug-in - Home.