CODEWITHSUNDEEP
javascriptjqueryjquery-animate
SirMoreno
SirMoreno

Reputation: 1107

JQuery animation: Is it possible to change speed during the animation?

I want to move a div down a page, and I want it to slow down as it reaches the target.

I tried using call back with recursive func but it doesn’t look smooth:

function MovePanel() {
    sidePanel.animate({
        "marginTop": newCurrTop
    }, moveSpeed, function () {
        MovePanel();
    });
}

Is it possible to slow down an JQuery animation?

If not what are the alternatives?

Thanks.

Upvotes: 2

Views: 5346

Answers (2)

Alex
Alex

Reputation: 12443

You might want to check this out: http://www.learningjquery.com/2009/02/quick-tip-add-easing-to-your-animations

Easing can really bring life to an effect. Easing controls how an animation progresses over time by manipulating its acceleration.

Upvotes: 1

Robusto
Robusto

Reputation: 31913

The animate method takes a 3rd param called "easing"; learn about it here:

http://api.jquery.com/animate/

Upvotes: 7

Related Questions