ScrollScout

Slow fade, threshold 0, load more

forEach( document.querySelectorAll( '.jsDemoGridMore > div' ), function ( div ) {
    window.ScrollScout.becomesVisible( div, 0 ).then( makeBlue );
} );

Slow fade, threshold 0

forEach( document.querySelectorAll( '.jsDemoGridMore > div' ), function ( div ) {
    window.ScrollScout.becomesVisible( div, 0 ).then( makeGreen );
} );

No fade, threshold 100

forEach( document.querySelectorAll( '.jsDemoGridMore > div' ), function ( div ) {
    window.ScrollScout.becomesVisible( div, 100 ).then( makeRed );
} );

Just a simple ( and ugly coded ) demo. But better than nothing, right?