====== Element.Pin ====== [[http://www.clientcide.com/docs/Element/Element.Pin|docs]] //Element.pin// affixes an element to its current location, setting its css position value to "fixed" so that the element will not move if you scroll the window. This works for draggable elements, too. Browsers that don't support position "fixed" get the element relocated on scroll, so it appears to behave the same (though it may be a little jittery - this is mostly just ie6).


$('fxTarget').pin()

You can also easily unpin an element:


$('fxTarget').pin()
/*scroll around a little and in 4 secs it'll go back to being unpinned*/
$('fxTarget').unpin.delay(4000, $('fxTarget'));

And you can toggle it:


$('fxTarget').pin()
$('fxTarget').togglepin.delay(1000, $('fxTarget'));
$('fxTarget').togglepin.delay(2000, $('fxTarget'));
$('fxTarget').togglepin.delay(3000, $('fxTarget'));
//etc.