JSFiddle - React, Tailwind, and code Playground

by Josh Carroll

HTML

<div id="output"></div>
<div class="big"></div>

CSS

#output{
    position:fixed;
    top:0px;
    left:0px;
    z-index:1000;
}

.big{
    height:1000px;
    width:1000px;
}

JavaScript

(function(){

    var scrollCount = 0;
    
    $(window).scroll(function($event){
    
        scrollCount += 1;
    
        $("#output").text("Scroll Events: " + scrollCount);
        
    });

}());