The days of abruptly jumping to an anchor link within a page are over. Ok, maybe that is a little drastic, but honestly with all the advancements in HTML5 and CSS3, there really isn’t any reason why anyone should be abruptly thrust down a page to an anchor link.
You’ve probably seen this effect on some of your favorite sites. You click on a link, and the page smoothly and gracefully scrolls down to a specific section of content. This transition is easy on the eyes, it’s appealing, and damnit – it’s just plain cool!
I’ve worked with clients that are fascinated by this effect, and more often than not they seem to think that it would take some great engineering feet to accomplish. This isn’t the case! In fact, you can accomplish this simple effect with just a few lines of jQuery!
We’ll utilize jQuery’s built-in function scrollTop() to do our heavy lifting.