https://digitalopsdev.com/js/custom.js

1$(document).ready(function() {
2
3
4   // $("#hamburger").click(function() {
5   //    $(this).toggleClass("active");
6   //    $(".sidenav").toggleClass("active-nav");
7   // })
8
9   $("#hamburger").click(function() {
10      $(".sidenav").toggleClass("active-nav");
11   })
12
13   $("#showsidenav").click(function() {
14      $(".sidenav").toggleClass("active-nav");
15   })
16
17   
18
19   $(".nav-item").click(function(){
20      // $(this).children(".dropdown-menus").toggleClass("'active-drop'");
21      $(this).siblings(".fal").toggleClass('active-fal');
22   });
23
24
25
26   function checkWidth() {
27      var windowSize = $(window).width();
28      if (windowSize > 974) {
29           $('#navigration .dropdown > .nav-link').removeClass('enabled').addClass('disabled');
30           $('#navigration .dropdown-2 > .dropdown-item').removeClass('enabled').addClass('disabled');
31      } else {
32           $('#navigration .dropdown > .nav-link').removeClass('disabled').addClass('enabled');
33           $('#navigration .dropdown-2 > .dropdown-item').removeClass('disabled').addClass('enabled');
34      }
35   }
36   // Execute on load
37   checkWidth();
38   // Bind event listener
39   $(window).resize(checkWidth);
40
41
42
43   $(window).scroll(function() {
44      var st = $(this).scrollTop();
45      if( st > 10 ) {
46         $("#navigration").css({
47            background: "#222429"
48         });
49      } else {
50         $("#navigration").css({
51            background: "none"
52         });
53      }
54   });
55
56
57
58
59   $(".counter").counterUp({
60      delay: 10,
61      time: 2000
62   });
63
64
65   var owl = $('#homeSection .owl-carousel');
66   owl.owlCarousel({
67      animateOut: 'fadeOut',
68      loop:true,
69      nav:true,
70      margin:0,
71      autoplay:true,
72      autoplayTimeout:3000,
73      autoplayHoverPause:false,
74      responsive:{
75         0:{
76            items:1
77         }
78      }
79   });
80
81
82   // PORTFOLIO SECTION
83   var mixer = mixitup('#portfolio');
84   $(".indicator > span").click(function() {
85      $(".indicator > span").removeClass("active");
86      $(this).addClass("active");
87   });
88
89
90
91   // $('#portfolio').magnificPopup({
92   //    type:'image',
93   //    delegate: ".img-box > a",
94   //    gallery: { enabled: true }
95   // });
96
97
98
99
100
101   var owl2 = $('#testimonialSection .owl-carousel');
102   owl2.owlCarousel({
103      animateOut: 'fadeOut',
104      loop:true,
105      nav:false,
106      margin: 30,
107      autoplay:true,
108      autoplayTimeout:3000,
109      autoplayHoverPause:true,
110      responsive:{
111         0: {
112            items:1
113         },
114         768: {
115            items:2
116         }
117      }
118   });
119
120
121
122   var owl3 = $('#specialFeature .owl-carousel');
123   owl3.owlCarousel({
124      animateOut: 'fadeOut',
125      loop:true,
126      nav:false,
127      margin: 30,
128      autoplay:true,
129      autoplayTimeout:3000,
130      autoplayHoverPause:true,
131      responsive:{
132         0: {
133            items:1
134         },
135         768: {
136            items:2
137         },
138         1024: {
139            items:3
140         }
141      }
142   });
143
144
145
146   var wow = new WOW({
147      boxClass:     'wow',      // animated element css class (default is wow)
148      animateClass: 'animated', // animation css class (default is animated)
149      offset:       0,          // distance to the element when triggering the animation (default is 0)
150      mobile:       true,       // trigger animations on mobile devices (default is true)
151      live:         true,       // act on asynchronously loaded content (default is true)
152      callback:     function(box) {
153      // the callback is fired every time an animation is started
154      // the argument that is passed in is the DOM node being animated
155      },
156      scrollContainer: null,    // optional scroll container selector, otherwise use window,
157      resetAnimation: true,     // reset animation on end (default is true)
158   });
159   wow.init();
160
161
162   $('.popup-with-zoom-anim').magnificPopup({
163      type: 'inline',
164
165      fixedContentPos: false,
166      fixedBgPos: true,
167
168      overflowY: 'auto',
169
170      closeBtnInside: true,
171      preloader: false,
172
173      midClick: true,
174      removalDelay: 300,
175      mainClass: 'my-mfp-zoom-in'
176   });
177
178
179   /*-- SCROLL UP --*/
180   $(".scroll-up").fadeOut();
181   $(window).scroll(function() {
182      if ( $(this).scrollTop()>100 ) {
183         $(".scroll-up").fadeIn();
184      } else {
185         $(".scroll-up").fadeOut();
186      };
187   });
188
189   $(".scroll-up").click(function() {
190      $("html").animate({scrollTop: 0}, 1000);
191      return false;

192   });
193
194
195
196
197});