sticky nav

gistfile1.js

/* =================================
===  STICKY NAV                 ====
=================================== */

$(document).ready(function() {
  $('.main-navigation').onePageNav({
    scrollThreshold: 0.5, // Adjust if Navigation highlights too early or too late
    filter: ':not(.external)',
    changeHash: true
  });
  
  $(".local-scroll").localScroll({
      target: "body",
      duration: 1000,
      offset: 0
  });
});

/* COLLAPSE NAVIGATION ON MOBILE AFTER CLICKING ON LINK - ADDED ON V1.5*/

if (matchMedia('(max-width: 480px)').matches) {
    $('.main-navigation a').on('click', function () {
        $(".navbar-toggle").click();
    });
}

/* NAVIGATION VISIBLE ON SCROLL */

$(document).ready(function () {
    mainNav();
});

$(window).scroll(function () {
    mainNav();
});

var scrollState = 'scrolled';

if (matchMedia('(min-width: 992px), (max-width: 767px)').matches) {
	function mainNav() {
		var top = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;

		if ((top > 40) && (scrollState === 'top')) {
			$('.sticky-navigation').stop().animate({"top": '0'});
			scrollState = 'scrolled';
		} else if ((top <= 40) && (scrollState === 'scrolled')) {
			$('.sticky-navigation').stop().animate({"top": '-60'});
			scrollState = 'top';
		}
	}
}

if (matchMedia('(min-width: 768px) and (max-width: 991px)').matches) {
	function mainNav() {
		var top = (document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;

		if ((top > 40) && (scrollState === 'top')) {
			$('.sticky-navigation').stop().animate({"top": '0'});
			scrollState = 'scrolled';
		} else if ((top <= 40) && (scrollState === 'scrolled')) {
			$('.sticky-navigation').stop().animate({"top": '-120'});
			scrollState = 'top';
		}
	}
}