[Scroll Animations] How to use animate.css library to fadin/out/slide/etc on scroll #js #scroll #animate

main.js

// Library url: https://animate.style/
// SCROLL ANIMATION
// Check if element is scrolled into view
function isScrolledIntoView(elem) {
  var docViewTop = $(window).scrollTop();
  var docViewBottom = docViewTop + $(window).height();

  var elemTop = $(elem).offset().top;
  var elemBottom = elemTop + $(elem).height();

return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop))
};

//Scroll animation functions
$(window).scroll(function() {
  //render1 section animation functions
  $('#render1-anchor').each(function() {
    if (isScrolledIntoView(this) === true) {
      $('.render1').addClass('animated fadeIn delay delay slow');
      // console.log('render 1 anchor in view');
    }
  });     
});