mirror of
https://github.com/inspec/inspec
synced 2024-11-23 21:23:29 +00:00
78 lines
2.1 KiB
JavaScript
78 lines
2.1 KiB
JavaScript
// Nav Scripts
|
|
const $navLinks = $('.main-nav--links');
|
|
const $navToggle = $('.main-nav--toggle');
|
|
const navBreakpoint = 730; // this should match $nav-breakpoint in _nav.scss
|
|
const $mainContent = $('#main-content');
|
|
const $mainNav = $('#main-nav');
|
|
const $mainNavCtas = $('#main-nav-ctas');
|
|
|
|
$navToggle.click(function() {
|
|
$(this).toggleClass('is-active');
|
|
$navLinks.slideToggle();
|
|
});
|
|
|
|
$(window).resize(function() {
|
|
if ($(window).width() >= navBreakpoint) {
|
|
$navToggle.removeClass('is-active');
|
|
$navLinks.attr("style", "");
|
|
}
|
|
});
|
|
|
|
// toggles fixed nav position when the window is too short
|
|
var footerOffsetTop, navOffsetBottom;
|
|
|
|
function toggleFixedNavPosition() {
|
|
navOffsetBottom = $mainNav.outerHeight() + $(window).scrollTop();
|
|
footerOffsetTop = $("#main-footer").offset().top;
|
|
|
|
$mainNav.toggleClass("is-fixed-bottom", (footerOffsetTop < navOffsetBottom) && $(window).height() <= 759)
|
|
}
|
|
|
|
$(document).ready(function() {
|
|
$mainContent.css('min-height', $mainNav.outerHeight() - $('#main-nav-ctas').outerHeight());
|
|
toggleFixedNavPosition();
|
|
});
|
|
|
|
$(window).scroll(function() {
|
|
toggleFixedNavPosition();
|
|
});
|
|
|
|
//
|
|
|
|
|
|
// handle nav when global message exists
|
|
// gm_session_id is set on at template level
|
|
//var globalMessageHeight;
|
|
//const $globalMessage = $("#global-message");
|
|
|
|
//function adjustNavPosition() {
|
|
// globalMessageHeight = $globalMessage.outerHeight();
|
|
|
|
// if ($globalMessage.is(":visible")) {
|
|
// $mainNav.css('top', globalMessageHeight);
|
|
// $mainNavCtas.css('top', globalMessageHeight);
|
|
// $mainContent.css('margin-top', globalMessageHeight + 100);
|
|
// }
|
|
//}
|
|
|
|
//if(!localStorage.getItem(gm_session_id)) {
|
|
// $globalMessage.addClass('is-visible');
|
|
// adjustNavPosition();
|
|
//}
|
|
|
|
//$(document).ready(function() {
|
|
// $("#global-message .dismiss-button").click(function(e) {
|
|
// $globalMessage.removeClass('is-visible')
|
|
// $mainNav.css('top', '');
|
|
// $mainNavCtas.css('top', '');
|
|
// $mainContent.css('margin-top', 100);
|
|
// localStorage.setItem(gm_session_id, "true");
|
|
// return false;
|
|
// });
|
|
//});
|
|
|
|
//$(window).resize(function() {
|
|
// if(!localStorage.getItem(gm_session_id)) {
|
|
// adjustNavPosition();
|
|
// }
|
|
//});
|