Skip to content

Instantly share code, notes, and snippets.

@mxmbadev
Last active October 28, 2016 23:21
Show Gist options
  • Save mxmbadev/ce4b0a89563f4e2e77e4 to your computer and use it in GitHub Desktop.
Save mxmbadev/ce4b0a89563f4e2e77e4 to your computer and use it in GitHub Desktop.
Smooth Scroll for any Nav Bar when clicked on links for one page websites VERSION 1.0 (Check Version 2.0)
$(document).ready(function(){
$('.nav li a').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target
|| $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body')
.animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment