JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.spheretekk.com/avenue/animate/js/skrollr.js"></script>
<script src="http://www.spheretekk.com/avenue/animate/js/waypoints.min.js"></script>
scroll down
<div style="height:600px; background-color:#960" data-0="opacity:0;" data-100="opacity:1;">scroll down</div>
<div style="height:600px; background-color:#C00" data-0="opacity:100;" data-180="opacity:1;"></div>

JavaScript

skrollr.init({});

$(document).ready(function () {
    $('#clients').waypoint(function () {
        //$('.logos').each(function (index) {
        //                $(this).delay(400 * index).fadeIn(300);
        //            });
        $(".logos").each(function (index) {
            $(this).delay(300 * index).fadeIn(1050);
        });

    }, {
        offset: '300'
    });

    $('.section10').waypoint(function (direction) {
        if (direction === 'up') {
            alert('You have scrolled to my waypoint.');
        }
    }, {
        offset: 'bottom-in-view'
    });


});