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).
-
Elementor Infinite Scrolling with Ajax Load More
A guide for infinite scrolling Elementor single post articles with Ajax Load More.
-
Tracking Virtual Page Views with Google Tag Manager
Using Tag Manager to dispatch virtual page views in Google Analytics.
-
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.
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"]