JSFiddle - React, Tailwind, and code Playground
HTML
<p class="mypara">asdfasdfasf</p>
CSS
body {
height: 1000px;
}
p {
margin-top: 500px;
}
JavaScript
var target = $(".mypara").offset().top,
timeout = null;
$(window).scroll(function () {
if (!timeout) {
timeout = setTimeout(function () {
clearTimeout(timeout);
timeout = null;
if ($(window).scrollTop() >= target) {
alert('made it');
}
}, 250);
}
});