Page 1 of 1

jQuery slideDown very slow and stuttering on IE

Posted: Tue Dec 07, 2010 5:38 pm
by marcelcolt
I have a problem using slideDown (of a div under the photo holding the 'close'-btn).
In Firefox no problem occurs, but when viewing in IE, the animation stutters.

Site is here: http://www.serelsnauw.nl/users/marcel/s ... ight.html

js-file is here: http://www.serelsnauw.nl/users/marcel/s ... alight.js

See what i mean!

I've tried delaying (or using timeout) slideDown, so no other queued animations interfer.
I also tried:
-setting a fixed height
-removing all padding and margins
-using .animate() instead
All whit the same result: a stuttering slideDown-animation in IE



Anybody knows why? (i've been at this for hours now)

Re: jQuery slideDown very slow and stuttering on IE

Posted: Wed Dec 08, 2010 10:39 am
by pickle
What version of IE? IE's javascript engine is much slower than other browsers - it may simply not be able to handle the animation as smoothly as other browsers.

Re: jQuery slideDown very slow and stuttering on IE

Posted: Wed Dec 08, 2010 1:35 pm
by marcelcolt
I use IE8.
I thought, since it has the best W3C-compliance ever seen in IE, the javascript-engine would be appropriate...

Today i had the chance to test it in IE7...flawless!

So i'm betting this problem occurs only in IE8.

Is that any help?

Re: jQuery slideDown very slow and stuttering on IE

Posted: Wed Dec 08, 2010 2:30 pm
by pickle
What about 9?

I honestly don't know what the problem is. If the problem exists with 9 though - it's probably due to the updates to Trident that IE8/9 have over IE7. The best I can suggest is googling for animation stuttering in IE8.

Re: jQuery slideDown very slow and stuttering on IE

Posted: Thu Dec 09, 2010 12:43 pm
by marcelcolt
Oke, thanks!

It's not just the 'slideDown'-animation by the way. FadeIn behaves the same on the photo. But fadeIn for the background and the resizing-animation for the image-container are ok.

Pretty weird...i'll keep looking.
If i ever stumble upon an answer, i'll let you know.

Again: Thank you!