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 3.7
A release focused on code refactoring and search engine optimization.
-
Ajax Load More 3.5
Now with support for Google Adsense and DFP advertisements
-
Infinite Scroll WooCommerce Products with Ajax Load More
A quick start guide for infinite scrolling your WooCommerce store.
-
How to Infinite Scroll with Masonry and Ajax Load More
A guide for lazy loading WordPress content with Masonry.
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"]