5
Contributors
16
Replies
66
Views
3 Years
Discussion Span
Last Post by Airshow
Featured Replies
  • 2

    Just for the benefit of anyone else that may have a similar problem, you do realize that the animation you were using (easeOutBounce) sort of creates that "jerky" effect as appposed to "linear". So was there really a "jerky" problem, or did you simply use an effect that you didnt … Read More

0

jerky,
till I paused the AV and MBAM scans running in the background
what else is running?

Edited by almostbob

0

I know it's smooth on jsFiddle but when I translate the script to the actual page, the animation is jerky ? Want the link to the actual page ?

0

It was jerky for me, on jsfiddle
I was doing a lot of other stuff at the same time

Pritaeas suggests there is something else going on / running in the site that makes it jerky, some other active content or javascript
or are you doing something else while you are editing the site content

Edited by almostbob

0

There is nothing I was or am doing in the background, when the script code executes.

Edited by Siberian

0

Pritaeas suggests there is something else going on / running in the site that makes it jerky, some other active content or javascript
or are you doing something else while you are editing the site content [?]

And so my reply was;

There is nothing I was or am doing in the background, when the script code executes that could make the animation jerky !

0

To give the animation every chance of being smooth, make sure there's no document reflow.

ie. make sure the div animates into a reserved space. eg. wrap #block in another div with width and height set to accommodate the div at its maximum size.

Also, chain the jQuery, so #block does not need to be discovered twice - $('#block').css(...).animate(...)

If it's still jerky, then it's because your computer's processor and/or graphics card is too busy with other tasks. This something you can't really fix, at least for js amimations. With these modern computers, we have little knowlege or control over processor usage.

It's a risk you run with any js animation. Even if your own computer runs it smoothly, there's no guarantee some other end-user's computer will be so cool.

Flash animations are diffferent. They (are far more likely to) hog the processor for the duration.

Edited by Airshow

0

Solved !
The problem was the animation in particular. I changed the animation type and it's smooth !

2

Just for the benefit of anyone else that may have a similar problem, you do realize that the animation you were using (easeOutBounce) sort of creates that "jerky" effect as appposed to "linear".

So was there really a "jerky" problem, or did you simply use an effect that you didnt intend on using?

0

I was unaware that the nature of easeOutBounce created a jerky effect, to sum it up !

0

But you are seeing a difference in the effect between the fiddle and the fully worked up page, yes? That's where you started out above.

0

So yes, there was a differnce but it disappeared when you became better informed.

Good job I asked!

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.