nunta/dist/js/scripts.js

57 lines
1.6 KiB
JavaScript
Raw Normal View History

2020-04-07 00:19:58 +02:00
/*!
2021-05-05 02:55:56 +02:00
* Start Bootstrap - Agency v7.0.0 (https://startbootstrap.com/theme/agency)
2021-03-31 01:03:24 +02:00
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
*/
2021-05-05 02:55:56 +02:00
//
// Scripts
//
2021-05-05 02:55:56 +02:00
window.addEventListener('DOMContentLoaded', event => {
2021-05-05 02:55:56 +02:00
// Shrink navbar
var navbarShrink = function () {
const navbarCollapsible = document.body.querySelector('#mainNav');
if (!navbarCollapsible) {
return;
}
if (window.scrollY === 0) {
navbarCollapsible.classList.remove('navbar-shrink')
} else {
2021-05-05 02:55:56 +02:00
navbarCollapsible.classList.add('navbar-shrink')
}
2021-05-05 02:55:56 +02:00
};
2021-05-05 02:55:56 +02:00
// Collapse the navbar if page is not at top
navbarShrink();
// Collapse the navbar when page is scrolled
2021-05-05 02:55:56 +02:00
document.addEventListener('scroll', navbarShrink);
// Activate Bootstrap scrollspy on the mainNav element
const mainNav = document.body.querySelector('#mainNav');
if (mainNav) {
new bootstrap.ScrollSpy(document.body, {
target: '#mainNav',
offset: 74,
});
};
2021-03-29 21:59:18 +02:00
// Collapse responsive navbar when toggler is visible.
const navbarToggler = document.body.querySelector('.navbar-toggler');
const responsiveNavItems = [].slice.call(
document.querySelectorAll('#navbarResponsive .nav-link')
);
responsiveNavItems.map(function (responsiveNavItem) {
console.log(responsiveNavItem);
responsiveNavItem.addEventListener('click', () => {
console.log('asd');
navbarToggler.click();
});
});
2021-05-05 02:55:56 +02:00
});