').insertAfter($parent.find('.sb-nav')).fadeIn('fast'); $('body').addClass('is-nav-menu-expanded nav-hamburger-menu-visible'); }); $navCloseBtn.on('click', function () { closeNav(); }); $subNavToggleBtn.on('click', function (e) { e.stopImmediatePropagation(); $(this).closest('li').toggleClass('is-sub-visible'); }); $nav.on('click', '.sb-link', function () { closeNav(); }); function closeNav() { $('.nav-hamburger-body-overlay').remove(); $('body').removeClass('is-nav-menu-expanded nav-hamburger-menu-visible'); } function toggleFixedNavigation () { $navigationSection = $("#sb-navigation > .sb-section") // TODO: Simplify this in the future if ($("#sb-id-73c45b23-d714-468a-a18d-1fd68f54c393").hasClass("option-nav-fixed") || $navigationSection.hasClass("option-nav-fixed")) { var $bannerSection = $("#sb-banner > .sb-section") if ($(window).scrollTop() > 0) { $navigationWrapper.addClass("sb-nav--fixed"); var bannerOuterHeight = 0 if ($bannerSection.length > 0 && $("body").hasClass("is-banner-in")) { bannerOuterHeight = $bannerSection.outerHeight(); $navigationSection.css('top', bannerOuterHeight + 'px'); } if(!$navigationSection.hasClass('option-nav-overlay')) { $('body').css('padding-top', $navigationWrapper.outerHeight() + bannerOuterHeight + 'px') } } else { $navigationWrapper.removeClass("sb-nav--fixed"); if ($bannerSection.length > 0) { $navigationSection.css('top', '0px'); } if ($bannerSection.length > 0 && $("body").hasClass("is-banner-in")) { $('body').css('padding-top', $bannerSection.outerHeight() + 'px'); } else { $('body').css('padding-top', '0px'); } } } } // Adjust Hero top padding when nav is overlayed above it function adjustHeroPadding() { if (!$navigationSection.hasClass('option-nav-overlay')) return const $firstHero = $('#sb-page-structure > section:first') if (!$firstHero.hasClass('option-section-hero')) { $navigationSection.removeClass('option-nav-overlay') $('body').removeClass('has-overlay-nav') } else { const navHeight = $navigationSection.outerHeight() const topPadding = navHeight + 20 // Plus default section padding $firstHero.css('paddingTop', `${topPadding}px`); } } adjustHeroPadding() $(window).scroll(function() { toggleFixedNavigation() }); $(window).resize(function() { setTimeout(function() { adjustHeroPadding() toggleFixedNavigation() // Properly hide banner on window resize as resizing can adjust banner's height if (!$navigationSection.hasClass("option-nav-fixed") && $('body').hasClass('is-banner-out')) { var $bannerSection = $("#sb-banner") $bannerSection.css('margin-top', '-' + $bannerSection.outerHeight() + 'px') } }, 200) }) function scrollSmoothlyTo(elem) { if (elem.length === 0) { return } $('html, body').animate({ scrollTop: (elem.offset().top - topMenuHeight + 10) + 'px' }, 1500); } // smooth scroll on page load $(function () { if (targetToScrollTo) { setTimeout(function () { const hash = `#${targetToScrollTo}` scrollSmoothlyTo($(hash)) const url = new URL(window.location) url.hash = hash history.pushState(null, null, url) }, 300) } }) // smooth scroll to section when clicking on nav items var $navLinks = $('.sb-link', $nav), pagePath = window.location.pathname.split("/").pop(); $navLinks.on('click', function (e) { var $this = $(this), url = $this.attr('href'), hash = url.split('#')[1], targetPath = e.target.pathname.split("/").pop(), isExternal = $this.hasClass('is-external'); if (!isExternal) { if ('index' != targetPath && targetPath != pagePath) { return } if (hash) { if ((pagePath == targetPath) || ('index' == targetPath && '' == pagePath)) { e.preventDefault(); scrollSmoothlyTo($('#' + hash)); history.pushState(null, null, targetPath + '#' + hash); } } else { if (('index' == targetPath && 'index' == pagePath) || ('index' == targetPath && '' == pagePath)) { e.preventDefault(); scrollSmoothlyTo($('body')); history.pushState(null, null, targetPath); } } } }); $('.sb-top-header__brand').on('click', function (e) { if ('' == pagePath || 'index' == pagePath || 'index.html' == pagePath) { e.preventDefault(); history.pushState(null, null, window.location.pathname); $('html, body').animate({ scrollTop: 0 }, 1500); } }); // if we are on mobile and option-nav-mobile-static is present mq('(max-width: 767px)', function (match) { if ($("#sb-id-73c45b23-d714-468a-a18d-1fd68f54c393").hasClass('option-nav-mobile-static') || $("#sb-navigation > .sb-section").hasClass('option-nav-mobile-static')) { $("#sb-navigation").addClass("sb-nav--static"); } else { $("#sb-navigation").removeClass("sb-nav--static"); } }); function mq(query, callback, usePolyfill) { var host = {}; var isMatchMediaSupported = !!(window && window.matchMedia) && !usePolyfill; if (isMatchMediaSupported) { var res = window.matchMedia(query); callback.apply(host, [res.matches, res.media]); res.addListener(function (changed) { callback.apply(host, [changed.matches, changed.media]); }); } } });