no luck heh? :(
On 9/1/07, emi polak <[EMAIL PROTECTED]> wrote: > > Hi, > I am altering the "top" property of a floating label in a webpage. The > "top" adjustement is fired at page scroll, so that the label would always > stay in its place. > Now I would like to animate the label between its oldPosition and > newPosition. So I use animate() to set the "top" property, but the method > starts many times during the page scroll, thus creating a very buggy and > slow motion. > > So: is there a way to cancel an already started animation, so that when > "scroll", the animation is first canceled and then its fired again? > > Here is what I'm using now: > > var topOffset = 100; > $("#label").css('top', topOffset + "px"); > > $(window).bind("scroll", function() { > var newScrollTop = $(document).scrollTop(); > var newPos = newScrollTop + topOffset; > > $("#label").animate({ > top: newPos > }, "slow", "easein"); > }); > > Thank you! > emipolak > >