| Current File : /home/digitaw/teste_ecarte/assets/js/main.js |
(function() {
/* ====================
Preloader
======================= */
window.onload = function () {
window.setTimeout(fadeout, 300);
}
function fadeout() {
document.querySelector('.preloader').style.opacity = '0';
document.querySelector('.preloader').style.display = 'none';
}
// =========== sticky menu
window.onscroll = function () {
var header_navbar = document.querySelector(".hero-section-wrapper-5 .header");
var sticky = header_navbar.offsetTop;
if (window.pageYOffset > sticky) {
header_navbar.classList.add("sticky");
} else {
header_navbar.classList.remove("sticky");
}
// show or hide the back-top-top button
var backToTo = document.querySelector(".scroll-top");
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
backToTo.style.display = "flex";
} else {
backToTo.style.display = "none";
}
};
// header-6 toggler-icon
let navbarToggler6 = document.querySelector(".header-6 .navbar-toggler");
var navbarCollapse6 = document.querySelector(".header-6 .navbar-collapse");
document.querySelectorAll(".header-6 .page-scroll").forEach(e =>
e.addEventListener("click", () => {
navbarToggler6.classList.remove("active");
navbarCollapse6.classList.remove('show')
})
);
navbarToggler6.addEventListener('click', function() {
navbarToggler6.classList.toggle("active");
})
// section menu active
function onScroll(event) {
var sections = document.querySelectorAll('.page-scroll');
var scrollPos = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
for (var i = 0; i < sections.length; i++) {
var currLink = sections[i];
var val = currLink.getAttribute('href');
var refElement = document.querySelector(val);
var scrollTopMinus = scrollPos + 73;
if (refElement.offsetTop <= scrollTopMinus && (refElement.offsetTop + refElement.offsetHeight > scrollTopMinus)) {
document.querySelector('.page-scroll').classList.remove('active');
currLink.classList.add('active');
} else {
currLink.classList.remove('active');
}
}
};
window.document.addEventListener('scroll', onScroll);
// ===== pricing-style-4 slider
tns({
container: '.pricing-active',
autoplay: false,
mouseDrag: true,
gutter: 0,
nav: false,
controls: true,
controlsText: [
'<i class="lni lni-chevron-left prev"></i>',
'<i class="lni lni-chevron-right prev"></i>',
],
responsive: {
0: {
items: 1,
},
768: {
items: 2,
},
992: {
items: 1.2,
},
1200: {
items: 2,
}
}
});
// WOW active
new WOW().init();
})();