https://worldskyrace.com/assets/js/script.js

1$(window).on("load", function () {
2
3    "use strict";
4
5    //Clear URL On Page Refresh
6    var loc = window.location.href,
7        index = loc.indexOf('#');
8
9    if (index > 0) {
10        window.location = loc.substring(0, index);
11    }
12
13    /* ===================================
14        Page Piling
15    ====================================== */
16    if($(window).width() < 1280) {
17        $('.pagedata').removeAttr('id');
18        $('html, body').css('overflow-y', 'scroll');
19
20    }
21    else{
22        $('#pagepiling').pagepiling({
23            direction: 'vertical',
24            sectionsColor: ['#000', '#fff', '#000', '#000', '#000', '#c0242a'],
25            anchors: ['home', 'about', 'vision', 'route', 'explore', 'join'],
26            scrollingSpeed: 500,
27            easing: 'linear',
28            loopBottom: false,
29            loopTop: false,
30            css3: true,
31            navigation: {
32                'bulletsColor': '#fff',
33                'position': 'right',
34                'tooltips': ['Home', 'About', 'The Vision',  'The Route', 'Explore', 'Join'],
35            },
36            //events
37            onLeave: function (index, nextIndex, direction) {
38                //reaching our First section? The one with our normal site?
39
40                $('.navbar-top-default').fadeOut();
41                $('.slider-footer').fadeOut();
42                $('.slider-copyright').fadeOut();
43
44                if (nextIndex == 1) {
45                    $('#pp-nav').fadeOut();
46                }
47
48                if(nextIndex == 1 || nextIndex == 2 || nextIndex == 3 || nextIndex == 4 || nextIndex == 5 || nextIndex == 6 ){
49                    setTimeout(function(){
50                        $('.navbar-top-default').fadeIn();
51                        $('.slider-footer').fadeIn();
52                        $('.slider-copyright').fadeIn();
53                    }, 600);
54                }
55                
56                //leaving our last section? The one with our normal site?
57                if (index == 1) {
58                    $('.mega-logo').fadeIn();
59                }
60                
61                if (nextIndex > 1) {
62                    $('.mega-logo').hide();
63                }
64            },
65            afterLoad: function (anchorLink, index) {
66            },
67            afterRender: function () {
68                $('.mega-logo').fadeIn();
69            
70                $('#pp-nav').hide();
71            },
72        });
73    }
74
75    /* ===================================
76               Loading Timeout
77        ====================================== */
78
79    
80
81    $('.side-menu').removeClass('hidden');
82
83   
84
85    // $('.navbar-collapse .navbar-nav .nav-link:nth-child(1)').addClass('active');
86    $('.navbar-collapse .navbar-nav .nav-link:nth-child(2)').removeClass('active');
87});
88
89jQuery(function ($) {
90
91    "use strict";
92
93    $(window).on('scroll', function () {
94        if ($(this).scrollTop() > 260) { // Set position from top to add class
95            $('header').addClass('header-appear');
96        }
97        else {
98            $('header').removeClass('header-appear');
99        }
100    });
101
102
103
104    
105
106    /* ===================================
107        Side Menu
108    ====================================== */
109
110    if ($("#sidemenu_toggle").length) {
111        $("#sidemenu_toggle").on("click", function () {
112            $(".pushwrap").toggleClass("active");
113            $(".side-menu").addClass("side-menu-active"), $("#close_side_menu").fadeIn(700)
114        }), $("#close_side_menu").on("click", function () {
115            $(".side-menu").removeClass("side-menu-active"), $(this).fadeOut(200), $(".pushwrap").removeClass("active")
116        }), $(".side-nav .navbar-nav .nav-link").on("click", function () {
117            $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
118        }), $("#btn_sideNavClose").on("click", function () {
119            $(".side-menu").removeClass("side-menu-active"), $("#close_side_menu").fadeOut(200), $(".pushwrap").removeClass("active")
120        });
121    }
122
123    /*===================================
124        Animated Progress Bar
125    ====================================== */
126
127    $(".progress-bar").each(function () {
128        $(this).appear(function () {
129            $(this).animate({width: $(this).attr("aria-valuenow") + "%"}, 500)
130        });
131    });

132
133    /* ===================================
134        Fancy Box
135   ====================================== */
136
137    $('[data-fancybox]').fancybox({
138        protect: true,
139        animationEffect: "fade",
140        hash: null,
141    });
142    
143    
144
145    /*===================================
146        Owl Carousel
147    ====================================== */
148
149    /* Portfolio Classic */
150    $(".team-classic.owl-team").owlCarousel({
151        items: 3,
152        margin: 30,
153        dots: false,
154        
155        nav: false,
156        loop:false,
157        autoplay: false,
158        smartSpeed:500,
159        navSpeed: true,
160        autoplayHoverPause:true,
161        responsiveClass:true,
162        responsive: {
163            992: {
164                items: 3
165            },
166            1200: {
167                items: 2
168            },
169            320: {
170                items: 1
171            },
172            280: {
173                items: 1
174            }
175        }
176    });
177    // Custom Portfolio OWL
178    $('.ini-customNextBtn').click(function () {
179        var owl = $('.team-classic.owl-team');
180        owl.owlCarousel();
181        owl.trigger('next.owl.carousel');
182    });
183    $('.ini-customPrevBtn').click(function () {
184        var owl = $('.team-classic.owl-team');
185        owl.owlCarousel();
186        owl.trigger('prev.owl.carousel', [300]);
187    });
188
189    //Testimonial Owl
190    $('#testimonial-carousal').owlCarousel({
191        loop:true,
192        margin:120,
193        nav:false,
194        dots:true,
195        autoplay:true,
196        responsive:{
197            0:{
198                items:1
199            },
200            600:{
201                items:1
202            },
203            1000:{
204                items:2
205            }
206        }
207    });
208    
209
210
211});
212$(document).ready(function(){
213  $("a").on('click', function(event) {
214    if (this.hash !== "") {
215      event.preventDefault();
216      var hash = this.hash;
217      $('html, body').animate({
218        scrollTop: $(hash).offset().top
219      }, 10, function(){
220        window.location.hash = hash;
221      });
222    } 
223  });
224});
225
226$(function() {
227    var header = $(".mega-logo");
228    $(window).scroll(function() {    
229        var scroll = $(window).scrollTop();
230    
231        if (scroll >= 200) {
232            header.removeClass('mega-logo').addClass("mega-logo-sub");
233        } else {
234            header.removeClass("mega-logo-sub").addClass('mega-logo');
235        }
236    });
237});
238
239
240
241
242
243$(document).ready(function() {
244    $('img[usemap]').rwdImageMaps();
245    
246
247});