Skip to content

Instantly share code, notes, and snippets.

@glennyboy

glennyboy/Scroll To with Fixed Header Secret

Last active Feb 24, 2021
Embed
What would you like to do?
Scroll To with Fixed Header
(function($) {
$("a[href*=\\#]:not([href=\\#])").click(function()
{
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
|| location.hostname == this.hostname)
{
var target = $(this.hash),
headerHeight = $(".header-wrapper").height() + 48; // Get fixed header height
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length)
{
$('html,body').animate({
scrollTop: target.offset().top - headerHeight
}, 800);
return false;
}
}
});
})(jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment