SMOOTHLY SCROLL TO AN ELEMENT WITHOUT A JQUERY PLUGIN

May 13, 2013

Source: http://www.abeautifulsite.net/blog/2010/01/smoothly-scroll-to-an-element-without-a-jquery-plugin/
After spending some time looking for a plugin to do this, I was amazed to see how easy it was to get a smooth scrolling effect using one line of jQuery.  You can use this inside of any callback function.  It works especially well with click.

$('html, body').animate({
 scrollTop: $("#elementID").offset().top
}, 2000);
Although LocalScroll is good for more advanced applications, this snippet is useful for one-time use applications.  Simply adjust #elementID and 2000 to set the element and duration, respectively.

Popular Posts

Twitter