Give us a call: +(1) 269 252 4193
Select your language

Infinite Scrolling Website Tutorials

Infinite scrolling is a great way to keep visitors engaged while showing them a lot of content. Using the endless scrolling technique, you can show your visitors multiple articles on the same page without them having to click to a next page, or show them a large number of content parts without having to load the all initially, saving valuable load time and keeping your visitors on your site.

These tutorials span a range of CMSs and libraries, including WordPress, Drupal, Masonry, and custom jQuery implementations for endless scrolling.

How to Add Infinite Scrolling to Your WordPress Site

A tutorial by Raelene Wilson on how to add infinite scrolling to a WordPress site using the Jetpack plugin. This include codes both to enable infinite scroll in officially supported and unsupported themes.

How to Create Infinite Scroll Pagination

An informational tutorial made by Mohd Hadihaizil Din introducing the use of jQuery plugin in creating infinite scroll pagination. The step-by-step procedures in this tutorial explain how to build infinite scrolling into a website.

How to Add Infinite Scroll to your WordPress Blog

This is a tutorial made by the editorial staff from wpbeginner on how to add infinite scroll to a WordPress blog. It uses an jQuery JavaScript Infinite Scroll plugin library to achieve the effect.

WordPress Tutorial: How to Create an Infinite Scrolling WP site

This is a WordPress tutorial for creating an infinite scrolling WordPress website by Rochester Oliveira using a JavaScript plugin. The tutorial contains PHP codes for loading pages, as well as custom post types.

Transform any Drupal pager into an autopager – Infinite Scroll pager

This is a tutorial published on the official Drupal website about how to transfor a Drupal pager into an autopager thereby creating an infinite scrolling effect and an endless page.

Creating an Infinite Scroll Masonry Block Without Views ThinkShout

This is a tutorial written by Alex Ellison in creating an infinite scroll website in Drupal using a Masonry content block without views using. This include code for applying and triggering infinite scroll functions.

Drupal behaviors: A quick how to Amazee Labs Drupal

This is a tutorial about modifying Drupal behaviors using jQuery, written by Victor Kunzig. This includes modifying the infinite scroll add class.

How to Implement Infinite scrolling using native javascript and yui3

This is a tutorial written by Ravikiran Janardhana on how to implement infinite scrolling using native browser JavaScript and yui3 in a Drupal website. This includes algorithms and describes some fundamental concepts in achieving infinite scrolling effects.

Add Infinite Scrolling To Your Blogger

This is a tutorial by Keith Frias about adding infinite scrolling to a Blogger website using a jQuery plugin. It includes adding HTML and JavaScript codes to Blogger's template.

Infinite Scrolling or Load More Effect for Blogger

This is a tutorial made by Huy Dinh Quang about creating infinite scrolling in a Blogger website using jQuery Ajax scrolling, a jQuery plugin, and Masonry. The tutorial is composed of a live demo and a step-by-step tutorial with codes in creating inifinite scrolling on the page.

Infinite Post Scrolling Effect for Default Blogger Templates

This is a step-by-step tutorial by Rishabh Jain about adding infinite scrolling to a default Blogger template. This include a demo for implementing pagination well.

How To Add Infinite Scrolling Effect In Blogger

This is a tutorial made by Mohammed Yaqoob on adding infinite scrolling to a Blogger website using a jQuery plugin. This include a demo showing the implementation of pagination with infinite scrolling.

How to Create Infinite Scroll Pagination

An informational tutorial made by Mohd Hadihaizil Din introducing the use of jQuery plugin in creating infinite scroll pagination. The step-by-step procedures in this tutorial explain how to build infinite scrolling into a website.

Simple Ways To Implement Infinite Scrolling On Your Website

This is a well-described tutorial by Ezequiel Bruni on implementing infinite scrolling on websites in a simple way using jQuery and Masonry plugins. The article shows how to apply infinite scrolling for static websites sites, WordPress sites, and for Tumblr themes.

Implementing Infinite Scroll in jQuery

A good tutorial by Shaumik Daityari regarding the implementation of infinite scrolling using jQuery. The steps are well-organized showing the difference in building a website from basic HTML/CSS up to the end data.

How to Create an Infinite Scrolling Gallery in 10 Minutes

Another interesting tutorial by web designer in creating an infinite scrolling gallery quickly using jQuery. The procedures are clear, and intended for developers implenting infinite-scrolling-based pagination in their website.

Enabling Infinite Scroll For WordPress Theme

This is a WordPress tutorial from Thoriq Firdaus on enabling infinite scroll in a WordPress theme using the Jetpack plugin.

How to Add Infinite Scrolling to Your WordPress Site

A tutorial by Raelene Wilson on how to add infinite scrolling to a WordPress site using the Jetpack plugin. This include codes both to enable infinite scroll in officially supported and unsupported themes.

Add Infinite Scroll to a WordPress Theme

A tutorial, written by Devin, about adding infinite scroll to a WordPress theme using the Jetpack WordPress plugin.

How to enable infinite scroll in your WordPress site

This is a tutorial made by WPcoke on enabling infinite scrolling in WordPress site using the Jetpack plugin. The tutorial uses PHP codes to show how to enable infinite scrolling, both in supported and unsupported themes.

5 jQuery Infinite Scrolling Demos

This is a series of 5 demos compiled by Sam Deering on how to create infinite scrolling using jQuery Masonry plugin together with an infinite scroll plugin.

Simple Ways To Implement Infinite Scrolling On Your Website

This is a well-described tutorial by Ezequiel Bruni on implementing infinite scrolling on websites in a simple way using jQuery and Masonry plugins. The article shows how to apply infinite scrolling for static websites sites, WordPress sites, and for Tumblr themes.

Make your website filterable by category

It is a tutorial made by Emma Lewis that shows how to combine a Masonry layout with in-page Infinite Scroll using jQuery and the Masonry plugin.

JetPack Infinite Scroll + Masonry

This is a tutorial made by Devin on creating infinite scrolling with Masonry for layout. The tutorial combines jQuery, Jetpack and Masonry plugins to achieve the infinte scroll effect for a WordPress website.

Design Lunatic – Isotope Infinite Scroll

This is a tutorial made by Design Lunatic about creating infinite scrolling effects using Isotope and jQuery. It also provides a live demo and source files for download.

Isotope + Twitter Bootstrap + Infinite Scroll + Fluid/Responsive layout

This is a tutorial by Jany Martelli about using the Isotope plugin with Twitter Bootstrap to create an infinite scrolling, fluid and responsive layout. Isotope is similar to the Masonry library, and is created by the same developer.

Endless pages in combination with masonry

This is a well-explained tutorial made by HELMUT about creating an infinite-scroll website using the Isotope library and jQuery script.

5 jQuery Infinite Scrolling Demos

This is a series of 5 demos compiled by Sam Deering on how to create infinite scrolling using jQuery Masonry plugin together with an infinite scroll plugin.

How To: Create Infinite Scrolling with jQuery

This is a tutorial started by Zach Millman on how to create infinite scrolling with jQuery using Kaminari for pagination, and jQuery for the Infinite Scroll functionality.

How to Add Infinite Scroll to your WordPress Blog

This is a tutorial made by the editorial staff from wpbeginner on how to add infinite scroll to a WordPress blog. It uses an jQuery JavaScript Infinite Scroll plugin library to achieve the effect.

WordPress Tutorial: How to Create an Infinite Scrolling WP site

This is a WordPress tutorial for creating an infinite scrolling WordPress website by Rochester Oliveira using a JavaScript plugin. The tutorial contains PHP codes for loading pages, as well as custom post types.

Parallax Web Design

Parallax website design moves one part of your website at a different speed than the rest of your page. This often creates a 3D-like effect, adding depth and interest to your webpage design. The resources, including themes, tutorials, and examples, are designed to help you build a website with parallax scrolling.

Parallax Web Design Resources

Parallax Technologies

Tools to create parallax scrolling websites: jQuery, Skrollr.js, Stellar.js, CSS

Parallax Tutorials

A Simple Parallax Scrolling Tutorial about how parallax scrolling works.

Tutorials for creating parallax websites using: jQuery | Stellar.js | Skrollr.js | CSS

Infininite Scrolling Web Design

Build an endless scrolling website, loading new content when your visitors reach the end of your webpage.

Infinite Scroll Tutorials

Tutorials about how to build an infinite scrolling website, including: WordPress, Drupal, Blogger, jQuery, Jetpack, Masonry, Isotope, and the Infinite-Scroll plugin for WordPress.

Infinite Scroll, Card Design Tutorial

How to build an infinite scrolling website with card design using Masonry, AJAX, JavaScript, PHP, and MySQL.

Website Crawlers

Looking to download a lot of data? Need to find the exact information in a gigantic internet haystack that you are looking for? These resources are designed to help you build spiders, crawlers, and other tools to obtain data from the internet.

Website Crawler Tutorials

Build website spiders and crawlers using: Python | PHP | Java | Node.js | Scrapy | Cheerio | Apache Nutch | MongoDB | PhantomJS.

Website Tools

These tools are designed to help you build your website, add content, and improve your website’s appearance.

Javascript Graphing Libraries

Add charts & graphs to your website using: Chart.js | Chartist.js | DC.js | Morris.js | Timeline.js | Vivagraph.js

Node.js Tutorials

How to install, program for, and implement Node.js for scalable and easy server-side Javascript for quick AJAX-style processing.

Parallax Website Design Techniques

Create websites with parallax scrolling using: jQuery.js | Stellar.js | Skrollr.js | CSS

Reveal.js

Website Theme Resources

Website themes are an easy to create a great website quickly. They provide a beginning point for you to build your websites, giving you layout, code, and functionality to work with. These resources are made to help you find the right theme to help you start building your website.

Website Theme Research

Our comprehensive, analytical research into the website theme industry, focusing on trends and major changes affecting website designers and website theme customers.

Theme Forest Analysis Report

Our Fall, 2014 Theme Forest Analysis Report shows a major shift in the theme marketplace. The empirical assesment of Theme Forest over a 28 month period indicates a series of interesting trends and patterns.

Analysis of Parallax Scrolling in Website Themes

Our assement of the popularity of parallax scrolling in website themes published on Theme Forest shows that parallax design elements are an increasingly popular trend.

WordPress Themes

Top Ranked WordPress Themes

The best WordPress themes for a new website, as calculated by our WordPress Theme Search Engine. These themes are selected for reliability, quality, popularity, and many other factors.

Parallax WordPress Themes

Top Ranked Parallax WordPress Themes: the best WordPress themes for creating websites with parallax scrolling, as ranked by our WordPress Theme Search Engine

10 Parallax WordPress Themes

10 Parallax WooCommerce WordPress Themes

Amazing WordPress Themes with WooCommerce and Parallax Scrolling

7 Amazing Parallax WordPress Themes

5 Wonderful Parallax WordPress Themes

eCommerce WordPress Themes

Top Ranked eCommerce WordPress Themes: the best WordPress themes for creating eCommerce websites, as ranked by our WordPress Theme Search Engine

10 Parallax WooCommerce WordPress Themes

5 Great eCommerce Website Themes, Built For WordPress

6 Amazing WordPress eCommerce Themes

5 Professional eCommerce Themes for Selling on Your Website

10 Great eCommerce WordPress Themes with WooCommerce

Finding WordPress & Drupal GPL Themes

How to find WordPress and Drupal themes licensed under the GNU Public License. These themes offer increased freedom and the ability to use your theme on multiple sites.

Drupal Themes

These themes are built for use with the Drupal content management system. Drupal is wonderful and quite popular for business websites.

Parallax Drupal Themes

Themes for creating parallax-scrolling 3D-depth-like effects and animations as visitors scroll down a page.

6 Parallax Drupal Themes

6 Professional Parallax Drupal Themes

Portfolio Drupal Themes

Themes built for making professionally designed portfolios.

5 Professional Drupal Portfolio Themes

5 Amazing Drupal Portfolio Themes

Corporate Drupal Themes

Themes built for making small, medium, and large business websites.

6 Corporate Drupal Themes

7 Professional Drupal Corporate Themes



Scroll To Top