Samuli Natri
Oct. 02, 2016
Updated: Oct. 14, 2016
By Samuli NatriOct. 02, 2016
(Updated: Oct. 14, 2016)

Views Infinite Scroll

Views Infinite Scroll module adds a pager option to load more view items with Ajax.

How To Install It?

drush -y en views_infinite_scroll

How To Use It?

Create A View

  • Go to Structure > Views > Add new view:

  • Save and edit
  • Select Infinite Scroll as the pager:

Theme it

  • Edit the Content: Title field:

  • Select the field element as H2:

  • Add styling (themes/mytheme/less/variable-overrides.less):
.path-views-infinite-scroll {
  h1, .view-views-infinite-scroll {
    text-align: center;

And there we have it:

Autoload Items

  • In the pager settings select Automatically Load Content to load items when user scrolls down:


Samuli Natri is the founder of He started building Drupal sites in 2010 with Drupal 6. He attended Helsinki University and Helsinki University of Technology (Social Sciences and Computer Science). Read more...

Add new comment