Query loop & Motion page on infinite scroll

Feature Requests / Improvements
1

I have a loop whit Infinite scroll.

On the default 8 posts, I have my animation right in place.
But after the query loads the other posts I lose the animations.

Does someone have a script for that?

2

Hi @nestfolio - did you ever find a solution for this? I have exactly the same issue.

I know we can listen for the Bricks content loaded event, but running MP refresh or (scrolltrigger refresh for that matter) doesn’t let the animations run.

Here’s what I currently have:

// Reload MP animations when new archive content is loaded
document.addEventListener(‘bricks/ajax/load_page/completed’, function () {
console.log(‘Bricks infinite scroll: new posts loaded’);

// Run Motion.page refresher if it exists
if (typeof _mp_refresher === "function") {
    _mp_refresher();
    console.log('Motion.page animations refreshed');
}

});

The console logs look good and no errors, but the MP animations on the newly loaded posts still won’t run.

Any ideas would be greatly appreciated!