Installation

1
drush -y en views_infinite_scroll

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):

1
2
3
4
5
.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:

Views Infinite Scroll