Infinite Scroll | Add Fade in effect

[ghost]

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();
  }
})

[solhuang2201]

var infinite = new Waypoint.Infinite({
  element: $('.infinite-container')[0],
  onAfterPageLoad: function ($items) {
    $items.each(function () {
      // you can edit '.infinite-item' by this
      $(this).addClass('loaded');
    });
  }
})