In this example:

Ajax Load More will dynamically create a table of contents for each page loaded via Ajax.

Clicking a table of contents anchor link will scroll the user to the top of that page within the Ajax Load More listing.

Enable the Table of Contents component by adding the following HTML element to a WordPress template or page.

<div class="alm-toc"></div> <!-- Renders: [1][2][3] etc... -->
HTML

Note: The Table of Contents component is supported by the SEO, Filters, and Single Posts add-ons.


Sections:

 

The following shortcode was used to create the Table of Contents example.

[ajax_load_more preloaded="true" preloaded_amount="2" posts_per_page="2" pause="true" scroll="false"]

The following Repeater Template was used to create the Table of Contents example.