JRoy
7/9/2018 - 8:02 PM

Show element once scrolled past another element

jQuery(document).ready(function($) {
  function checkIfPastForm(){
        var elementsToCheck = $('.hero-elements .form-box, .internal-hero');
        var elementsToShow = $('.floating-cta');
  	if(elementsToCheck.length > 0){
  		var top = $(window).scrollTop(),
  		divBottom = elementsToCheck.offset().top + elementsToCheck.outerHeight();
  		if (divBottom > top+100) {
  			elementsToShow.removeClass('show');
  		} else {
  			elementsToShow.addClass('show');
  		}
  	}
    }
    
    checkIfPastForm();
    
    $(window).on('scroll', function () {
        checkIfPastForm();
  });
});