Jump to content
Search Community

IOS Position Different than Web

mrpinc 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

I've got an very simple animation where an element is positioned relatively @ top:820px; with a style sheet (so not inline).  I use a Tween.from() to tween the element from 1080px;  This animation works fine on Web and in Electron but when I execute it on an iPad in safari, the element ends up at position 418px.  


I'm a bit at a loss of what could be wrong so any advice would be appreciated.


I've added a codepen example.


The top of the grey box should animate up to match the black line but on iOS it actually will animate to a different position.  

See the Pen weyaxQ by anon (@anon) on CodePen

Link to comment
Share on other sites

Hello @mrpinc and welcome to the GreenSock forum!


Can you please provide a codepen demo example. This will be hard to understand what is happening without being able to test your code live and in context. Please setup a reduced example in codepen so we can better assist you:



Thanks :)

  • Like 3
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...