Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
Malin von Matern

Content jumping 1px in iframe on Safari while animating

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

Share this post


Link to post
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?

Share this post


Link to post
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???

Share this post


Link to post
Share on other sites

Wow..

Thank you Carl! What a strange thing. Would never have guessed it myself. So thanks a lot!

Share this post


Link to post
Share on other sites

hey @Visual-Q you have to click the very unintuitive 980x300 link.

  • Like 2

Share this post


Link to post
Share on other sites
3 minutes ago, Carl said:

hey @Visual-Q you have to click the very unintuitive 980x300 link.

 

DOH!

 

 

Share this post


Link to post
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

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. 


  • Recently Browsing   0 members

    No registered users viewing this page.

×