Home/ Questions/Q 6655101
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T01:28:21+00:00

I have a basic animation I am trying to get working at http://jsfiddle.net/5YrF2/3/ Everything

  • 0

I have a basic animation I am trying to get working at http://jsfiddle.net/5YrF2/3/

Everything works as expected in Firefox, but in Chrome or Internet Explorer the position of the animated object jumps to the bottom of the screen after the first animate command.

Can anyone see what im doing wrong?

UPDATE
I have now created a new version of the animation with extra pipes at http://jsfiddle.net/5YrF2/6/

Everything works ok up until .block3 is animated, it is supposed to go right 10 pixels and then up 15 pixels. Instead it does some strange wiggle. Anyone any ideas?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You have an absolutely positioned div, with no bottom set. Chrome & IE are working correctly in this case — your second animation adds 10 to “bottom”, which sets bottom to 0 (since it’s unset) and animates it to 10. An absolutely-positioned div with a “bottom” of 10, and no top, will display 10 pixels from the bottom of the container.

    Did you want the element to move “up”? If so, I’d say use top instead. (But you will have the same problem, since you also didn’t have a top attribute set). I would get rid of “margin-left” and “margin-top” on your element and use top/left/etc. instead.

    • 0