- I've pinned this down to the fact that you create a new animation object every time the page scrolls.
While scrolling, the scroll event is fired continuously, which means you may have quite a number of animation instances attempting to animate the "top" of the same element. This causes some competition between the animation objects, as they are all feeding slightly different values to the element.
If you create the element once, and then reuse for subsequent animations (you may need to stop() the animation before calling animate() again), it should fix this issue.
Hi Caige, I can see the flicker on the left element as you've described. I'll investigate and see if I can pinpoint the cause. Is the only diff between your examples the YUI version? Thanks, Matt caigesn wrote:
I see no flickering (Firefox 18.104.22.168) On 7/28/06, caigesn <caigesn@> wrote:
"vividsilvernl" <yahoo@> wrote:
"caigesn" <caigesn@> wrote:
I have recently upgraded YUI to version 0.11.2 from 0.10.0 and am experiencing some strange animation issues. There are basically
containers on the page. The left and right containers follow
you scroll down the page. The center container is intended for content. In version 0.10.0 the animation works fine, but in
0.11.2 the left container flickers after it is done animating.
reverse the order in which I initialize the left and right
then the flickering will happen on the right container. I have
the example on my site: YUI Version 0.10.0 http://www.sevenblend.com/followMe_yui_10 YUI Version 0.11.2 http://www.sevenblend.com/followMe_yui_112 I have the source for this example loaded into a syntax
the center container. The scripts/loadPage.js initializes the animation and sets the onscroll events for the containers. If
knows what might be causing this issue please respond.
I should have mentioned that it works fine in IE. The flickering only happens in Firefox. I am using Firefox 22.214.171.124
Yahoo! Groups Links