I've been using Tether.js recently, which is a great little utility library for dynamically positioning your elements in relation to other elements on the page (similar to the jQuery UI Position plugin).
I've recently added some additional
module code, which lets you use CSS3 transitions to animate small movements of the offset nicely, leaving bigger changes to happen instantly.
Note: Include this before any .tether() calls, otherwise the classes won't be applied until the next call!
By default, any change in offset that is less than 50px in either direction will automatically apply a
tether-transition class, which I've got set up to apply some nice transform transitions, like so:
Wala! Buttery smooth transitions for your less-than-50px-in-any-direction updates!