Skip to content

Instantly share code, notes, and snippets.

@HoundstoothSTL

HoundstoothSTL/anchor-scroll-with-offset.js

Created May 3, 2013 15:43
Show Gist options
  • Save HoundstoothSTL/5510082 to your computer and use it in GitHub Desktop.
Save HoundstoothSTL/5510082 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. HoundstoothSTL created this gist May 3, 2013.
    22 changes: 22 additions & 0 deletions anchor-scroll-with-offset.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,22 @@
    (function($) {
    $('a[href*=#]:not([href=#])').click(function()
    {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
    || location.hostname == this.hostname)
    {

    var target = $(this.hash),
    headerHeight = $(".primary-header").height() + 5; // Get fixed header height

    target = target.length ? target : $('[name=' + this.hash.slice(1) +']');

    if (target.length)
    {
    $('html,body').animate({
    scrollTop: target.offset().top - headerHeight
    }, 500);
    return false;
    }
    }
    });
    })(jQuery);