JSFiddle - React, Tailwind, and code Playground

by huppen

HTML

<p>&nbsp;s</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;s2</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;s3</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;s4</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

JavaScript

$(function() {
    var oTop = $('body').offset().top - window.innerHeight;
    $(window).scroll(function(){

        var pTop = $('body').scrollTop();
        if( pTop > oTop ){
            execute_on_scroll();
        }
    });
});

function execute_on_scroll(){
    console.log('start_count');
    //Add your code here
}