https://expertisenetwerkjeugdoverijssel.nl/templates/sitestorm/js/main.js

1// Animated.css / Waypoints / CSS Animaties
2jQuery(document).ready(function($) {
3	// Dit stukje zorgt ervoor dat het logo een extra class krijgt als er naar beneden wordt gescrolt.
4	function shrinkOnScroll() {
5		if ($(document).scrollTop() > 30) {
6		    $('header').addClass('shrink');
7		} else {
8		    $('header').removeClass('shrink');
9		}
10	}
11	shrinkOnScroll();
12	$(window).scroll(shrinkOnScroll);
13
14	if ($('#myCarousel .carousel-item').length <= 1) {
15    	$('#myCarousel .carousel-control-prev').hide();
16		$('#myCarousel .carousel-control-next').hide();
17    }
18	
19	if ($("#animatecss").length) {
20		$('.col-sm-6').addClass('anime_asleep').waypoint({
21			handler: function() {
22			  $(this.element).addClass("anime_start")
23			},
24			offset: '80%'
25			// offset: 'bottom-in-view'
26		});
27
28		$('.col-sm-4').addClass('anime_asleep').waypoint({
29			handler: function() {
30			  $(this.element).addClass("anime_start")
31			},
32			offset: '80%'
33			// offset: 'bottom-in-view'
34		});
35
36		$('.moduletable .container h3').addClass('anime_asleep').waypoint({
37			handler: function() {
38			  $(this.element).addClass("anime_start animated fadeIn")
39			},
40			offset: '80%'
41			// offset: 'bottom-in-view'
42		});
43	}
44});
45// End