Johnie,
Greetings!
On Jun 17, 11:47 pm, JohnieKarr <[EMAIL PROTECTED]> wrote:
> I have a site:www.lovinggodlovingyouonline.comthat the menu isjerky
> in IE6 & 7 on xp. FF is really smooth.
I'm running into what I think might be a similar problem.
In my scenario, I am showing search results. I have a DIV like so:
<p id="loading"><img src="ajax-loader.gif"></p>
<div id="response"></div>
#response is initially hidden. Once I get/process my search response
(via JSON), I set #response to the final markup, fade out #loading,
then slide up #loading while sliding down #response. Here's how I'm
doing it:
$('#response').html(markup);
$('#loading').animate({"opacity":0}, function(){
$(this).slideUp();
$('#response').slideDown();
});
On Firefox/Safari/etc. it's smooth as glass. On IE #response abruptly
skips upward 1em at the very tail end of the slide.
Digging further, I find that each search result has a default top/
bottom margin of (drum roll please) ... 1em. :)
So I change it to 0 outright, just to see what happens. BETTER ... but
#response flashes off/on at the very end. Still not smooth.
Of course I need to have _some_ margin between the items so I make it
1em on the bottom only. Still flashes. Tried 'slow' - no dice. Tried
padding instead of margin - no change.
So yes, to the broader audience, I'd really like to understand what
the secret sauce is to getting animations like the above to behave
sanely on IE. Clues welcome/appreciated!!
--
Joe D'Andrea
http://twitter.com/jdandrea
