Thanks for the responses everyone. I tried refactoring to use
scrollLeft instead of absolute positioning for the slide animation on
the project, but it didn't help (same stuttering issues). I ended up
going back to the absolute positioning and just targeting Firefox
specifically for a fade effect rather than a slide.

I chose to leave the absolute positioning animation in because with
scrollLeft, it scrolled the absolutely positioned arrow buttons as
well. I could have switched these to fixed positioning but then they
still wouldn't stay put in IE6. Since the scrollLeft version didn't
fix the stutter, I figured it wasn't worth dealing with these
additional issues.

Thanks again for the feedback.

- Joe

On Aug 18, 2:44 am, Samer Ziadeh <samerzia...@gmail.com> wrote:
> sorry out of topic but i love the "Obviously" lol
>
>
>
> On Sat, Aug 15, 2009 at 05:41, lrbabe <lrb...@gmail.com> wrote:
>
> > And using an absolute positioning on the elements to animate prevents
> > a reflow (= important boost).
>
> > On Aug 14, 11:29 pm, Joe <thewast...@gmail.com> wrote:
> > > Is there anything that can be done about poor performance with some
> > > animations in Firefox? I know it varies by machine, but with a core 2
> > > duo and 2 gigs of ram running FF 3.5, I'm getting some pretty ugly
> > > stutters in a simple carousel that I wrote this morning for my
> > > portfolio site.
>
> > > If you're running a Windows machine you can probably see what I'm
> > > talking about (Macs are too slick apparently) at joe-morgan.net. The
> > > scrolling of the thumbnail section looks fine, but when you attempt to
> > > scroll the larger project section, it is very choppy, and jitters past
> > > the boundaries of its containing element.
>
> > > I've tried removing the large image, reducing the list set down to a
> > > mere 3 elements, removing the other DOM elements involved (the project
> > > details), and in short, reducing the module to the simplest possible
> > > form, to no avail.
>
> --
> Samer Ziadehwww.samerziadeh.com
>
> "Let It Be"
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"jQuery Development" group.
To post to this group, send email to jquery-dev@googlegroups.com
To unsubscribe from this group, send email to 
jquery-dev+unsubscr...@googlegroups.com
For more options, visit this group at 
http://groups.google.com/group/jquery-dev?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to