https://stats4sport.com/wp-content/themes/stats4sport/js/main.js

1$(document).ready(function() {
2
3    
4    //Mobile fixed
5    $(window).scroll(headerFixed);
6    $(window).resize(supportScroll);
7
8    $( ".show_pass" )
9        .on('mouseup mouseout',function() {
10            $(".input_pass_holder input").attr("type", "password");
11        })
12        .on('mousedown', function() {
13            $(".input_pass_holder input").attr("type", "text");
14        });
15    $(".inner_header_info select").change(function(){
16        var teamPrice = $(".inner_header_info select option:selected").data('price-team');
17        var teamPro = $(".inner_header_info select option:selected").data('price-pro');
18
19        $(".team_plan .price").html(teamPrice + " €");
20        $(".professional_plan .price").html(teamPro + " €");
21    })
22    $(".go_down").on("click", function(){
23        var body = $("html, body");
24        body.stop();
25        var downHref = $(this).attr("data-position");
26        var downHeight = $(downHref).offset().top - 66;
27        body.animate({scrollTop:downHeight}, '500','linear', function() {});
28        return false;
29    })
30
31    var windowTop = $(window).scrollTop();
32    if(windowTop != "0") {
33        $(".section").animate({'opacity': '1'}, 400);
34    }
35    $(window).scroll(function () {
36        $('.section').each(function (i) {
37
38            var bottom_of_object = $(this).offset().top + 200;
39            var bottom_of_window = $(window).scrollTop() + $(window).height();
40
41            if (bottom_of_window > bottom_of_object) {
42
43                $(this).animate({'opacity': '1'}, 400);
44
45            }
46        });
47    });
48
49    $(".support_aside ul li ul li a").on("click", function(e){
50        e.stopPropagation();
51    })
52
53    $(".support_mobile_menu").on('click', function(){
54        $(".support_aside").toggleClass("active");
55        $(this).toggleClass("active");
56    })
57    $(".support_aside > ul > li.dropdown > a").on("click", function(e){
58        e.preventDefault();
59    })
60    $(".support_aside > ul > li.dropdown").on("click", function (e) {
61        if(!$(this).is(".active")){
62            $(".support_aside > ul > li.dropdown").removeClass("active");
63        }
64
65        $(this).toggleClass("active");
66    })
67    // $(".why_us_section ul li p").lettering();
68
69
70
71
72
73
74    $(window).trigger('resize');
75
76    $('header .hamburger-menu').on("click", function () {
77        $(".hamburger-menu .bar").toggleClass("animate");
78        $(".menu ul").toggleClass("open");
79        // $(".menu-main-menu ul").toggleClass("open");
80    })
81
82    var windowWidth = $(window).width();
83    if (windowWidth < 768) {
84        $("header .menu").addClass('mobile_menu');
85    }
86    $(window).resize(function () {
87        var windowWidth = $(window).width();
88        if (windowWidth < 768) {
89            $("header .menu").addClass('mobile_menu');
90        } else {
91            $("header .menu").removeClass('mobile_menu');
92        }
93
94    });
95
96
97    var swiper = new Swiper('.swiper-container', {
98        slidesPerView: 3,
99        loop: false,
100        pagination: '.pagination',
101        paginationClickable: true,
102        // Navigation arrows
103        nextButton: '.button-next',
104        prevButton: '.button-prev',
105        breakpoints: {
106        1000: {
107        slidesPerView: 2
108        },
109        767: {
110        slidesPerView: 1
111        }
112        }
113        });
114});
115
116//Functions START
117function headerFixed(){
118    var windowSize = $(window).scrollTop();
119    if(windowSize > 50){
120        $(".header").addClass("header_fixed");
121    } else {
122        $(".header").removeClass("header_fixed");
123    }
124}
125function supportScroll(){
126    var footerHeight = $(".footer").outerHeight();
127    var windowSize = window.innerHeight / 2;
128
129    $(".list_slide_menu ul").sticky({
130        topSpacing:windowSize,
131        bottomSpacing: footerHeight + 30
132    });
133}
134function supportList(){

135    var getLenght = $(".support_content .list_wrapper li").last().find("span").text();
136    for(var a = 1; a<=getLenght; a++){
137        $(".support_content .list_slide_menu ul").append('<li data-target="position'+a+'"><div class="circle_wrapper"><span>'+ a +'</span></div></li>');
138    }
139    var listArr = [];
140    listArr.splice(0, listArr.length);
141    listArr.push(0);
142    $(".list_wrapper li").each(function (){
143        var position = $(this).offset().top;
144        listArr.push(position - 66);
145        console.log(listArr);
146    });
147
148    $(window).resize(function(){
149        var listArr = [];
150        listArr.splice(0, listArr.length);
151        listArr.push(0);
152        $(".list_wrapper li").each(function (){
153            var position = $(this).offset().top;
154            listArr.push(position - 66);
155            //console.log(listArr);
156        });
157        // console.log("+++");
158    })
159        var targetItem = null;
160        $(window).on("scroll",function() {
161            if(targetItem != null) {
162                return;
163            }
164
165            var windowTop = $(window).scrollTop();
166            for (var a = getLenght; a >= 0; a--) {
167                if (listArr[a - 1] < listArr[a] && listArr[a] < windowTop) {
168                    itemPosition = listArr.indexOf(listArr[a]);
169                    //console.log(itemPosition);
170                    $(".support_content .list_slide_menu ul li").removeClass("active");
171                    $(".support_content .list_slide_menu ul li:nth-child(" + itemPosition + ")").addClass("active");
172                    break;
173                }
174            }
175        });
176
177    $(".list_slide_menu li").on("click", function(){
178        var index = $(this).index();
179        itemPosition = index+1;
180        targetItem = index+1;
181
182        var body = $("html, body");
183        var target = $(this).attr("data-target");
184
185        $(".list_wrapper li").each(function(){
186            var getTarget = $(this).attr("data-target");
187            if(getTarget == target){
188                var targetPositionTop = $(this).offset().top - 20;
189                body.animate({scrollTop:targetPositionTop}, '500','linear', function() {
190                    $(".support_content .list_slide_menu ul li").removeClass("active");
191                    $(".support_content .list_slide_menu ul li:nth-child("+itemPosition+")").addClass("active");
192                    targetItem = null;
193                });
194            }
195
196        })
197
198    });
199}
200function supportListResize(){
201    var listArr = [];
202    listArr.splice(0, listArr.length);
203    listArr.push(0);
204    $(".list_wrapper li").each(function (){
205        var position = $(this).offset().top;
206        listArr.push(position - 66);
207        console.log(listArr);
208    });
209}
210function start(){
211    headerFixed();
212    supportScroll();
213    supportList();
214
215}
216window.onload =  start;