https://cli.com.pe/js/main.js

1$(function() {
2
3    "use strict";
4
5    //===== Prealoder
6
7    $(window).on('load', function (event) {
8        $('.preloader').delay(500).fadeOut(500);
9    });
10
11
12    //===== Sticky
13
14    $(window).on('scroll', function (event) {
15        var scroll = $(window).scrollTop();
16        if (scroll < 20) {
17            $(".back-to-top").removeClass("open")
18            $(".header_navbar").removeClass("sticky");
19            $(".header_navbar img").attr("src", logoUrl);
20
21            $(".header_navbar_page").removeClass("sticky");
22        } else {
23            $(".back-to-top").addClass("open")
24            $(".header_navbar").addClass("sticky");
25            $(".header_navbar img").attr("src", logoDarkUrl);
26
27            $(".header_navbar_page").addClass("sticky");
28        }
29    });
30
31
32    //===== Section Menu Active
33
34    var scrollLink = $('.page-scroll');
35    // Active link switching
36    $(window).scroll(function () {
37        var scrollbarLocation = $(this).scrollTop();
38
39        try{
40            scrollLink.each(function () {
41
42                var sectionOffset = $(this.hash).offset().top - 73;
43
44                if (sectionOffset <= scrollbarLocation) {
45                    $(this).parent().addClass('active');
46                    $(this).parent().siblings().removeClass('active');
47                }
48            });
49        }catch (e) {
50
51        }
52    });
53    
54
55    //===== close navbar-collapse when a  clicked
56
57    $(".navbar-nav a").on('click', function () {
58        $(".navbar-collapse").removeClass("show");
59    });
60
61    $(".navbar-toggler").on('click', function () {
62        $(this).toggleClass("active");
63    });
64
65    $(".navbar-nav a").on('click', function () {
66        $(".navbar-toggler").removeClass('active');
67    });
68    
69
70    //===== Back to top
71
72    // Show or hide the sticky footer button
73    /*$(window).on('scroll', function (event) {
74        if ($(this).scrollTop() > 600) {
75            $('.back-to-top').fadeIn(200)
76        } else {
77            $('.back-to-top').fadeOut(200)
78        }
79    });*/
80
81
82    //Animate the scroll to yop
83    $('.back-to-top').on('click', function (event) {
84        event.preventDefault();
85
86        $('html, body').animate({
87            scrollTop: 0,
88        }, 1500);
89    });
90
91
92    //=====  WOW active
93
94    var wow = new WOW({
95        boxClass: 'wow', //
96        mobile: false, // 
97    })
98    wow.init();
99
100    //===== 
101
102
103
104});