Skip to content

Instantly share code, notes, and snippets.

@gseilheimer
Created October 9, 2015 18:28
Show Gist options
  • Save gseilheimer/1cf63d0f3120bd5ad38e to your computer and use it in GitHub Desktop.
Save gseilheimer/1cf63d0f3120bd5ad38e to your computer and use it in GitHub Desktop.
snippet gs_bootstrap nav scolling
$(function(){
var $navbar = $('nav');
$(window).scroll(function() {
$navbar.toggleClass('scrolled', $(window).scrollTop() > 40);
});
$('.nav-toggle').click(function(){
$navbar.toggleClass('expanded');
});
$("a[href^='#']").click(function(e) {
e.preventDefault();
var $target = $(this.hash);
if ($target.length) {
var navHeight;
if ($navbar.hasClass('expanded')) {
navHeight = $('.navbar-header').outerHeight();
}
else {
navHeight = $navbar.height();
}
var offset = Math.max(0, $target.offset().top - navHeight);
$('html, body').animate({scrollTop: offset}, 300);
}
$navbar.removeClass('expanded');
});
$(window).scrollspy({ target: 'nav', offset: 200 }).scroll();
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment