Skip to content

Instantly share code, notes, and snippets.

@rotten77

rotten77/bs3-navbar-scroll.js

Last active August 29, 2015 14:05
Show Gist options
  • Save rotten77/7dda30873fa78c3fe4fa to your computer and use it in GitHub Desktop.
Save rotten77/7dda30873fa78c3fe4fa to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 3 navbar scroll link
Raw
bs3-navbar-scroll.js
/**
* ScrollTo
*/
$('.scroll-link').on('click', function(event){
event.preventDefault();
var sectionID = $(this).attr("href");
$('html,body').animate({scrollTop: (sectionID=="#" ? 0 : $(sectionID).offset().top) }, 750, function(){
window.location.href = sectionID;
});
});
$('.navbar-nav .scroll-link').click(function(event){
if($('#xs-detect').is(':visible')) $(".navbar-collapse").collapse('hide'); // hide mobile menu...
});
/**
* HTML syntax
* <body data-spy="scroll" data-target="#menu"> ...
* <nav class="navbar navbar-default" role="navigation" id="menu"> ...
* <a class="navbar-brand scroll-link" href="#"> ...
* <li><a href="#section" class="scroll-link">ection</a></li>
*/
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment