JSFiddle - React, Tailwind, and code Playground

HTML

<div id="scroll-to">Scroll Down</div>
<span class="count">200</span>

CSS

div {
    height:800px;
    background:red;
}
h1 {
  display:none;
}

JavaScript

var flag = true;
$(window).scroll(function() {
$('#scroll-to');
   var hT = $('#scroll-to').offset().top,
       hH = $('#scroll-to').outerHeight(),
       wH = $(window).height(),
       wS = $(this).scrollTop();
    console.log((hT-wH) , wS);
   if (wS > (hT+hH-wH)){
    $('.count').each(function () {
    if(!flag) return;
    //console.log();
    flag = false;
    $(this).prop('Counter',0).animate({
        Counter: $(this).text()
    }, {
        duration: 4000,
        easing: 'swing',
        step: function (now) {
            $(this).text(Math.ceil(now));
            return 1;
        }
    });
});
   }
});