Difference between revisions of "Template:IONIS Paris/JS"

Line 31: Line 31:
 
});
 
});
  
 +
jQuery(document).ready(function($){
 +
var $timeline_block = $('.cd-timeline-block');
  
 +
//hide timeline blocks which are outside the viewport
 +
$timeline_block.each(function(){
 +
if($(this).offset().top > $(window).scrollTop()+$(window).height()*0.75) {
 +
$(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
 +
}
 +
});
 +
 +
//on scolling, show/animate timeline blocks when enter the viewport
 +
$(window).on('scroll', function(){
 +
$timeline_block.each(function(){
 +
if( $(this).offset().top <= $(window).scrollTop()+$(window).height()*0.75 && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) {
 +
$(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
 +
}
 +
});
 +
});
 +
});
  
 
</script>
 
</script>

Revision as of 17:44, 8 August 2015