Edit in JSFiddle

$(document).ready(function(){

function isScrolledIntoView(elem) {
  var elementTop = $(elem).offset().top;
  var elementBottom = elementTop + $(elem).outerHeight();
  var viewportTop = $(window).scrollTop();
  var viewportBottom = viewportTop + $(window).height();
  return (elementBottom > viewportTop && elementTop < viewportBottom);
}

  if($('.animnum').length){

    $('.animnum').closest('.node').addClass('animwrap');

    $(window).on('scroll.animums', function() {

      $('.animwrap').each(function(){
  
        if(isScrolledIntoView(this) == true) {

          $(this).find('.animnum').each(function(){

            $(this).one().prop('Counter',0).animate({
              Counter: $(this).one().text() }, 
                {
                  duration: 3000,
                  easing: 'swing',
                  step: function (now) {
                      $(this).one().text(Math.ceil(now));
                }
            });

          });
            
          $(window).off('scroll.animums');
        }
      });
    });

  } /* end if($('.anim').length) */
}); // end document ready
<body>
  <h1>
   Scroll Down to see the effect
  </h1>
  <div class="node">
   <span class="animnum">10</span> <span class="animnum">26</span> <span class="animnum">96</span>
  </div>
</body>

body{
  text-align: center;
}
div{
  margin-top: 1000px;
}
span{
  padding: 30px;
  display: inline-block;
}