JSFiddle - React, Tailwind, and code Playground

HTML

<p>SCROLL DOWN</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>
<p>STUFF</p>

JavaScript

$(window).on("scroll", function(){
    $("body").append("at "+$(window).scrollTop()+"<br/>");
});