Animated object won't stay in placed when scrolled

Hi Everyone,

May be someone had the same problem and was able to find a solution.



Ok So I applied an appearance animation (elastic) to a company logo (image).
I also want this image to stick on top of the page when user scroll down.

What happens is :

Chrome and Firefox... the image appears with animation, when I scroll it move to the center and then disappear

Internet explorer ... it works fine, it appears with the animation, then stick to the left top corner when I scroll.


It seams I can apply an appearance animation + stick to top to the same image under chrome and firefox

How can I do it?

Thanks for your help

Welcome to TalkGraphics

It might be better not to use animation. Or use animation but do not use Sticky.

One of the other members might have a better suggestion.

Hi Cathy, I can't reproduce this. When I try the animation plays as expected & on scroll on reaching the top of the page it remains in view on all major browsers.

Could you attach your web / xar file?

Could reproduce a similar problem in 12.6.2. Behaves a little different there though (jumps to the right and then scrolls out of view).
So if it is the same problem it seem to be fixed in 12.8.1.
There is a little script that makes it work in 12.6.2. (see website body code in the example file). This requires not to apply the stick to top option but to add the name "htmlclass=reveal_stick_top" (without the double quotes) to the image.

Code:

---

<script>[].forEach.call(document.getElementsByClassName("reveal_stick_top"),function(s){s.parentNode.className+=" xr_stt";});</script>

---