JSFiddle - React, Tailwind, and code Playground

by Simplybj

JavaScript

if ($('.scroll-begin').length > 0) {
  var scroolHeight = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
  var endofPage_0 = false;
  if ((window.innerHeight + window.scrollY + 234.25) >= document.body.offsetHeight) {
    endofPage_0 = true;
  }
  if (scroolHeight > $('.scroll_0').offset().top - (468.5) || endofPage_0) {
    setTimeout(function() {
      $('.scroll_0').addClass('scroll-end');
      setTimeout(function() {
        $('.scroll_0').removeClass('scroll-begin');
      }, '2050');
    }, 1600);
  }
  var endofPage_1 = false;
  if ((window.innerHeight + window.scrollY + 234.25) >= document.body.offsetHeight) {
    endofPage_1 = true;
  }
  if (scroolHeight > $('.scroll_1').offset().top - (468.5) || endofPage_1) {
    setTimeout(function() {
      $('.scroll_1').addClass('scroll-end');
      setTimeout(function() {
        $('.scroll_1').removeClass('scroll-begin');
      }, 'NaN');
    }, NaN);
  }
  var endofPage_2 = false;
  if ((window.innerHeight + window.scrollY + 234.25) >= document.body.offsetHeight) {
    endofPage_2 = true;
  }
  if (scroolHeight > $('.scroll_2').offset().top - (468.5) || endofPage_2) {
    setTimeout(function() {
      $('.scroll_2').addClass('scroll-end');
      setTimeout(function() {
        $('.scroll_2').removeClass('scroll-begin');
      }, '750');
    }, 300);
  }
  var endofPage_3 = false;
  if ((window.innerHeight + window.scrollY + 234.25) >= document.body.offsetHeight) {
    endofPage_3 = true;
  }
  if (scroolHeight > $('.scroll_3').offset().top - (468.5) || endofPage_3) {
    setTimeout(function() {
      $('.scroll_3').addClass('scroll-end');
      setTimeout(function() {
        $('.scroll_3').removeClass('scroll-begin');
      }, '2050');
    }, 1600);
  }
  var endofPage_4 = false;
  if ((window.innerHeight + window.scrollY + 234.25) >= document.body.offsetHeight) {
    endofPage_4 = true;
  }
  if (scroolHeight > $('.scroll_4').offset().top - (468.5) || endofPage_4) {
   ...