Created
December 9, 2013 23:16
-
-
Save rjmccollam/7882875 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
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| $(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