Scroll Container
Constraining infinite scroll to a parent container
In this example:
Ajax Load More will infinite scroll within a specified HTML container element.
The scroll_container parameter lets you to specify the HTML element that holds Ajax Load More – this allows infinite scrolling to be triggered on the container element instead of the window(default).
-
Ajax Load More 5.0
Ajax Load More 5.0 removes the dependancy on jQuery and modernizes the tech stack to allow for quicker iteration and feature updates.
-
Introducing Ajax Load More Pro
Get instant access to all Ajax Load More add-ons in a single download.
-
Infinite Scroll WooCommerce Products with Ajax Load More
A quick start guide for infinite scrolling your WooCommerce store.
-
Ajax Load More 3.7
A release focused on code refactoring and search engine optimization.
Note: The scroll_container element must have the proper CSS in place to allow for scrolling.
The following shortcode was used to create the Scroll Container example.
[ajax_load_more preloaded="true" preloaded_amount="4" posts_per_page="4" scroll_container="#alm-scroll-container" scroll_distance="10" pause="true" pause_override="true"]