Animated Scrolling with jQuery

We used this cool little feature on the codeluv.com site to basically scroll to anchor points within the page.

Learning jQuery is a great resource for doing this type of navigation.

Also if you want to change the easing just add the easing plugin and drop in some code like this:

$('html, body').animate(
  {scrollTop: targetOffset}, 400, 'easeInOutExpo'
);

Another great resource for this type on unconventional navigation can be found at Ariel Flelers’ Blog, check out the demos to see how you can scroll vertically, horizontally, or a combo and go diagonally.

Hope you can use this in one of your future projects!


About this entry