https://villagemanagement.com/js/sectionsliders.js

1   // Slideshow 4
2      $("#slider").responsiveSlides({
3        auto:true,
4        pager: false,
5        nav: true,
6        speed: 500,
7        namespace: "callbacks",
8        before: function () {
9          $('.events').append("<li>before event fired.</li>");
10        },
11        after: function () {
12          $('.events').append("<li>after event fired.</li>");
13        }
14      });
15	  
16		$(window).load(function() {
17		   // Section Animations
18		   
19		var $animation_elements = $('.animation-element');
20		var $window = $(window);
21
22		function check_if_in_view() {
23		  var window_height = $window.height();
24		  var window_top_position = $window.scrollTop();
25		  var window_bottom_position = (window_top_position + window_height);
26		 
27		  $.each($animation_elements, function() {
28			var $element = $(this);
29			var element_height = $element.outerHeight();
30			var element_top_position = $element.offset().top;
31			var element_bottom_position = (element_top_position + element_height);
32			
33			if($(window).width()<769) {
34				 var element_bottom_position = (element_bottom_position + 100);
35			};
36		 
37			//check to see if this current container is within viewport
38			if ((element_bottom_position >= window_top_position) &&
39				(element_top_position <= window_bottom_position)) {
40			  $element.addClass('in-view');
41			} else {
42			  $element.removeClass('in-view');
43			}
44		  });
45		}
46
47$window.on('scroll resize', check_if_in_view);
48$window.trigger('scroll');
49});