JSFiddle - React, Tailwind, and code Playground

HTML

<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p><p>many paragraphs</p><p>many paragraphs</p>
<p>many paragraphs</p><p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p><p>many paragraphs</p><p>many paragraphs</p><p>many paragraphs</p><p>many paragraphs</p>
<p>many paragraphs</p><p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>
<p>many paragraphs</p>

CSS

.noscroll {
        overflow:hidden;
    }

JavaScript

$(window).scroll(function() {
    clearTimeout($.data(this, 'scrollTimer'));
    $.data(this, 'scrollTimer', setTimeout(function() {
        // do something
        console.log("Haven't scrolled in 250ms!");
    }, 250));
});