mark smith mark smith - 1 year ago 84
jQuery Question

Moving from position A to position B slowly with animation

I have a simple jQuery animation using

and it works but once faded in... I wish to MOVE using TOP property 30 pixels upwards, but slowly.

This is what I have so far:


I have both jQuery and jQuery UI loaded...

Answer Source

Use jquery animate and give it a long duration say 2000

        top: "-=30px",
      }, duration );

The -= means that the animation will be relative to the current top position.

Note that the Friends element must have position set to relative in the css:

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download