Smooth jquery/javascript animations

Question

I am using jquery for sliding content up and down but it's not delivering the smoothness i need. The animations work fine on webkit browsers like chrome and safari but give awful performance on mozilla based browsers.

How can i make my jquery animations to be as smooth as these - http://www.audentio.com/preview/mybb/darkseries

What is the secret for that smooth animation?

Answer 1

There is no single thing that guarantees smooth animation. Animation speed depends on how much of what work needs to be done by the layout engine. When your animation is slow, what is it that's slow? Firebug has a pretty good profiler, so you should be able to figure out where the time's being taken and take steps to mitigate.

Also, constructing a minimal sample that you can share with Stack Overflow will help with getting accurate answers. Show us the code! :)