Skip to content

Instantly share code, notes, and snippets.

@jpederson
Last active November 16, 2016 12:23
Show Gist options
  • Star 2 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save jpederson/9496381 to your computer and use it in GitHub Desktop.
Save jpederson/9496381 to your computer and use it in GitHub Desktop.
jQuery Smooth Scrolling
$(function() {
// scroll handler
var scrollToAnchor = function( id ) {
// grab the element to scroll to based on the name
var elem = $("a[name='"+ id +"']");
// if that didn't work, look for an element with our ID
if ( typeof( elem.offset() ) === "undefined" ) {
elem = $("#"+id);
}
// if the destination element exists
if ( typeof( elem.offset() ) !== "undefined" ) {
// do the scroll
$('html, body').animate({
scrollTop: elem.offset().top
}, 1000 );
}
};
// bind to click event
$("a").click(function( event ) {
// only do this if it's an anchor link
if ( $(this).attr("href").match(/^#/) ) {
// prevent default propagation
event.preventDefault();
// scroll to the location
var href = $(this).attr('href').replace('#', '');
scrollToAnchor( href );
// if we have pushState
if ( history.pushState ) {
history.pushState( null, null, '#'+href );
}
// fallback to prevent jitter
return false;
}
});
});
@jpederson
Copy link
Author

Just fixed an issue that prevented external links that had hashtags from working correctly. It now ensures the "href" attribute of the link starts with '#' rather than just containing it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment