https://keniasousa.github.io/assets/js/timeline.js

1jQuery(document).ready(function($){
2	var $timeline_block = $('.cd-timeline-block');
3
4	//hide timeline blocks which are outside the viewport
5	$timeline_block.each(function(){
6		if($(this).offset().top > $(window).scrollTop()+$(window).height()*0.75) {
7			$(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
8		}
9	});
10
11	//on scolling, show/animate timeline blocks when enter the viewport
12	$(window).on('scroll', function(){
13		$timeline_block.each(function(){
14			if( $(this).offset().top <= $(window).scrollTop()+$(window).height()*0.75 && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) {
15				$(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
16			}
17		});
18	});
19});