moving Object animated over screen WHILE scrolling
Hi
I have a small problem with an animation.
I created a very high page (1200x15000px) on which the user has to scroll up and down (future & past displayed)
because the user "travels" through time, I have a UFO (or similar) which guides the user.
while scrolling DOWN, the object is on the TOP of the page
when changing scrolling DIRECTION, the object should move to BOTTOM of the page.
this is not a big thing, but animating the css-top-position is a problem while scrolling.
i set up a reduced page here:
http://jsfiddle.net/simusch/UmggH/
when setting down the animation-duration to 50, it works better, but I'd like to animate slower...
is there a possibility to solve this??
thanks for any help :)
simon