28a8758e94
- use on event instead of click and scroll
56 lines
1.8 KiB
JavaScript
56 lines
1.8 KiB
JavaScript
/*!
|
|
* Start Bootstrap - Agency v6.0.3 (https://startbootstrap.com/theme/agency)
|
|
* Copyright 2013-2021 Start Bootstrap
|
|
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
|
|
*/
|
|
(function ($) {
|
|
"use strict"; // Start of use strict
|
|
|
|
// Smooth scrolling using jQuery easing
|
|
$('a.js-scroll-trigger[href*="#"]:not([href="#"])').on('click', function () {
|
|
if (
|
|
location.pathname.replace(/^\//, "") ==
|
|
this.pathname.replace(/^\//, "") &&
|
|
location.hostname == this.hostname
|
|
) {
|
|
var target = $(this.hash);
|
|
target = target.length
|
|
? target
|
|
: $("[name=" + this.hash.slice(1) + "]");
|
|
if (target.length) {
|
|
anime({
|
|
targets: 'html, body',
|
|
scrollTop: target.offset().top - 72,
|
|
duration: 1000,
|
|
easing: 'easeInOutExpo'
|
|
});
|
|
return false;
|
|
}
|
|
}
|
|
});
|
|
|
|
// Closes responsive menu when a scroll trigger link is clicked
|
|
$(".js-scroll-trigger").on('click', function () {
|
|
$(".navbar-collapse").collapse("hide");
|
|
});
|
|
|
|
// Activate scrollspy to add active class to navbar items on scroll
|
|
$("body").scrollspy({
|
|
target: "#mainNav",
|
|
offset: 74,
|
|
});
|
|
|
|
// Collapse Navbar
|
|
var navbarCollapse = function () {
|
|
if ($("#mainNav").offset().top > 100) {
|
|
$("#mainNav").addClass("navbar-shrink");
|
|
} else {
|
|
$("#mainNav").removeClass("navbar-shrink");
|
|
}
|
|
};
|
|
// Collapse now if page is not at top
|
|
navbarCollapse();
|
|
// Collapse the navbar when page is scrolled
|
|
$(window).on('scroll', navbarCollapse);
|
|
})(jQuery); // End of use strict
|