Jump to content
Search Community

Content jumping 1px in iframe on Safari while animating

Malin von Matern test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hey,

When I display  an animtion in an iframe, the whole content jumps up 1 px while animating, and then jumps down again when done. I've only observed this behavior in Safari on desktop. (I've tried other people's animations as well with the same result.) Does anybody have any idea why it does this, and how to make it not to? http://skalpell.se/clients/ellermore/test/

Plz halp

Link to comment
Share on other sites

I found that removing the H2 Test from the dom (on the parent page) using developer tools made it go away.

Very strange. I have no idea why, but I really doubt this is a GSAP thing. 

 

If you animate different properties does the same thing happen?

Link to comment
Share on other sites

I'm not seeing any animation in the iframe in your link to evaluate it?

 

There's several things that might cause something like this happen but we would need to observe it in action to provide any suggestions.

 

Also if possible it's best to create it in a codepen to help us better diagnose. On that note as well codepen embeds content in an iframe, you could also inspect their settings for a solution.

 

UPDATE: I see Carl beat me to it, but I'm not seeing anything in the iframe on my machine???

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...