Skip to content

Instantly share code, notes, and snippets.

@sudarshanReddykurri
Forked from rjmccollam/scroll.js
Created September 9, 2016 13:36
Show Gist options
  • Save sudarshanReddykurri/21f5370606d07183b9705988a9b0f933 to your computer and use it in GitHub Desktop.
Save sudarshanReddykurri/21f5370606d07183b9705988a9b0f933 to your computer and use it in GitHub Desktop.
This was written by Chris Coyier of CSS-Tricks (http://css-tricks.com/snippets/jquery/smooth-scrolling/) I have it here for quick access. I also added an offset from the scroll element, sped up the animation, and have it set to only target links in a tag with the class .nav
$(function() {
$('.nav a[href*=#]:not([href=#])').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) {
$('html,body').animate({
scrollTop: target.offset().top - 150
}, 400);
return false;
}
}
});
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment