https://radioellemonopoli.it/JS/storia.js

1/**********************Scroll Animation "START"************************************/
2$(document).ready(function(){
3var $animation_elements = $('.anim');
4var $window = $(window);
5
6function check_if_in_view() {
7var window_height = $window.height();
8var window_top_position = $window.scrollTop();
9var window_bottom_position = (window_top_position + window_height);
10
11$.each($animation_elements, function() {
12var $element = $(this);
13var element_height = $element.outerHeight();
14var element_top_position = $element.offset().top;
15var element_bottom_position = (element_top_position + element_height);
16
17//check to see if this current container is within viewport
18if ((element_bottom_position >= window_top_position) &&
19(element_top_position <= window_bottom_position)) {
20$element.addClass('animated');
21} else {
22$element.removeClass('animated');
23}
24});
25}
26
27$window.on('scroll resize', check_if_in_view);
28$window.trigger('scroll');
29});
30/**********************Scroll Animation "END"************************************/
31
32/**********************Change color of center aligned animated content small Circle  "START"************************************/
33$(document).ready(function(){
34    $(" .debits").hover(function(){
35        $(" .center-right").css("background-color", "#3252a4");
36        }, function(){
37        $(" .center-right").css("background-color", "#fff");
38    });
39});
40$(document).ready(function(){
41    $(".credits").hover(function(){
42        $(".center-left").css("background-color", "#3252a4");
43        }, function(){
44        $(".center-left").css("background-color", "#fff");
45    });
46});
47// /**********************Change color of center aligned animated content small Circle  "END"************************************/