186 lines
5.4 KiB
JavaScript
186 lines
5.4 KiB
JavaScript
!(function($) {
|
|
"use strict";
|
|
|
|
|
|
// Smooth scroll
|
|
var scrolltoOffset = $('#header').outerHeight() - 2;
|
|
$(document).on('click', '.nav-menu a, .mobile-nav a, .scrollto', function(e) {
|
|
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
|
|
e.preventDefault();
|
|
var target = $(this.hash);
|
|
if (target.length) {
|
|
|
|
var scrollto = target.offset().top - scrolltoOffset;
|
|
|
|
if ($(this).attr("href") == '#header') {
|
|
scrollto = 0;
|
|
}
|
|
|
|
$('html, body').animate({
|
|
scrollTop: scrollto
|
|
}, 1500, 'easeInOutExpo');
|
|
|
|
if ($(this).parents('.nav-menu, .mobile-nav').length) {
|
|
$('.nav-menu .active, .mobile-nav .active').removeClass('active');
|
|
$(this).closest('li').addClass('active');
|
|
}
|
|
|
|
if ($('body').hasClass('mobile-nav-active')) {
|
|
$('body').removeClass('mobile-nav-active');
|
|
$('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
|
$('.mobile-nav-overly').fadeOut();
|
|
}
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
// Mobile Nav
|
|
if ($('.nav-menu').length) {
|
|
var $mobile_nav = $('.nav-menu').clone().prop({
|
|
class: 'mobile-nav d-lg-none'
|
|
});
|
|
$('body').append($mobile_nav);
|
|
$('body').prepend('<button type="button" class="mobile-nav-toggle d-lg-none"><i class="icofont-navigation-menu"></i></button>');
|
|
$('body').append('<div class="mobile-nav-overly"></div>');
|
|
|
|
$(document).on('click', '.mobile-nav-toggle', function(e) {
|
|
$('body').toggleClass('mobile-nav-active');
|
|
$('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
|
$('.mobile-nav-overly').toggle();
|
|
});
|
|
|
|
$(document).on('click', '.mobile-nav .drop-down > a', function(e) {
|
|
e.preventDefault();
|
|
$(this).next().slideToggle(300);
|
|
$(this).parent().toggleClass('active');
|
|
});
|
|
|
|
$(document).click(function(e) {
|
|
var container = $(".mobile-nav, .mobile-nav-toggle");
|
|
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
|
if ($('body').hasClass('mobile-nav-active')) {
|
|
$('body').removeClass('mobile-nav-active');
|
|
$('.mobile-nav-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
|
$('.mobile-nav-overly').fadeOut();
|
|
}
|
|
}
|
|
});
|
|
} else if ($(".mobile-nav, .mobile-nav-toggle").length) {
|
|
$(".mobile-nav, .mobile-nav-toggle").hide();
|
|
}
|
|
|
|
// Mobile Nav
|
|
if ($('.nav-menu-2').length) {
|
|
var $mobile_nav = $('.nav-menu-2').clone().prop({
|
|
class: 'mobile-nav-2 d-lg-none'
|
|
});
|
|
$('body').append($mobile_nav);
|
|
$('body').prepend('<button type="button" class="mobile-nav-2-toggle d-lg-none"><i class="icofont-navigation-menu"></i></button>');
|
|
$('body').append('<div class="mobile-nav-2-overly"></div>');
|
|
|
|
$(document).on('click', '.mobile-nav-2-toggle', function(e) {
|
|
$('body').toggleClass('mobile-nav-2-active');
|
|
$('.mobile-nav-2-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
|
$('.mobile-nav-overly').toggle();
|
|
});
|
|
|
|
$(document).on('click', '.mobile-nav-2 .drop-down > a', function(e) {
|
|
e.preventDefault();
|
|
$(this).next().slideToggle(300);
|
|
$(this).parent().toggleClass('active');
|
|
});
|
|
|
|
$(document).click(function(e) {
|
|
var container = $(".mobile-nav-2, .mobile-nav-2-toggle");
|
|
if (!container.is(e.target) && container.has(e.target).length === 0) {
|
|
if ($('body').hasClass('mobile-nav-2-active')) {
|
|
$('body').removeClass('mobile-nav-2-active');
|
|
$('.mobile-nav-2-toggle i').toggleClass('icofont-navigation-menu icofont-close');
|
|
$('.mobile-nav-2-overly').fadeOut();
|
|
}
|
|
}
|
|
});
|
|
} else if ($(".mobile-nav-2, .mobile-nav-2-toggle").length) {
|
|
$(".mobile-nav-2, .mobile-nav-2-toggle").hide();
|
|
}
|
|
|
|
// Toggle .header-scrolled class
|
|
$(window).scroll(function() {
|
|
if ($(this).scrollTop() > 100) {
|
|
$('#header').addClass('header-scrolled');
|
|
} else {
|
|
$('#header').removeClass('header-scrolled');
|
|
}
|
|
});
|
|
|
|
if ($(window).scrollTop() > 100) {
|
|
$('#header').addClass('header-scrolled');
|
|
}
|
|
|
|
// Back to top button
|
|
$(window).scroll(function() {
|
|
if ($(this).scrollTop() > 100) {
|
|
$('.back-to-top').fadeIn('slow');
|
|
} else {
|
|
$('.back-to-top').fadeOut('slow');
|
|
}
|
|
});
|
|
|
|
$('.back-to-top').click(function() {
|
|
$('html, body').animate({
|
|
scrollTop: 0
|
|
}, 100, 'easeInOutExpo');
|
|
return false;
|
|
});
|
|
|
|
// Init AOS
|
|
function aos_init() {
|
|
AOS.init({
|
|
duration: 1000,
|
|
once: true
|
|
});
|
|
}
|
|
$(window).on('load', function() {
|
|
aos_init();
|
|
});
|
|
|
|
// Clients carousel (uses the Owl Carousel library)
|
|
$(".pagint-carousel").owlCarousel({
|
|
autoplay: true,
|
|
dots: true,
|
|
loop: true,
|
|
responsive: {
|
|
0: {
|
|
items: 2
|
|
},
|
|
768: {
|
|
items: 4
|
|
},
|
|
900: {
|
|
items: 6
|
|
}
|
|
}
|
|
});
|
|
|
|
// difusion carousel (uses the Owl Carousel library)
|
|
$(".difusion-carousel").owlCarousel({
|
|
autoplay: true,
|
|
dots: true,
|
|
loop: true,
|
|
responsive: {
|
|
0: {
|
|
items: 1
|
|
},
|
|
768: {
|
|
items: 1
|
|
},
|
|
900: {
|
|
items: 1
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
|
|
})(jQuery); |