Aug
3

Tip#3 Animating the scrollbar with jQuery

By Cedric Dugas  //  Random news  //  No Comments

There is a bit of shadows when animating the scrollbar with jQuery, what should you animate? Well the response is simple, the scrollTop.

So for example, if you want to slide the scrollbar to an element in particular, this is really easy, you would do:

  1. // the :not:animated is just a protection
  2. var destination = $("#ID").offset().top;
  3. $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination});

It will slllllliiiiiiddddeeee.

Author: Cedric Dugas

Cedric Dugas is an experienced front-end developer and founder of Position: Absolute, based in Montreal, Canada. When he is not doing CSS and jquery (does it ever happen?), he likes to read on web usability and play trumpet. Why don't you follow him on twitter.

Leave a comment

Articles

RSSSome Tweets