Infinite Scroll | Add Fade in effect
Author: ghostCreated Jun 20, 2017Updated Jun 14, 2022
I want to add a fade in effect to **only to the recently added content**. How do I achieve this? I want to prevent any abrupt transition between existing and new content.
$('.infinite-item').fadeOut();
var infinite = new Waypoint.Infinite({
element: $('.infinite-container')[0],
onBeforePageLoad: function() {
$('.infinite-item').fadeIn();
}
})
Source: imakewebthings/waypoints