Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
guit4eva

ScrollMagic + Different Screen Height = CONFUSION!!

Recommended Posts

I've been at this for a few days now (starting with Skrollr and now ScrollMagic), and I just can't figure it out:

 

If I create an SVG animation - it completes 100% on my laptop screen. If I view the animation on a larger screen (with more viewport height), the animation doesn't complete (unless I allow the viewport to go beyond the footer, creating blank space).

 

My question is this: how should I use ScrollMagic trigger points in a responsive design where the height of the viewport changes? I initially thought that I could trigger them on the percentage that the actual scrollbar has been scrolled - thus keeping everything in proportion (ie, fire SVG line when the scrollbar has been scrolled 50%), but it seems like this is not the case.

 

If anyone could provide clarification on this, I would REALLY appreciate it! 

 

ps, I can create a CodePen if needed - though this is quite a general question that will be applied to animations throughout the site.

Link to comment
Share on other sites

Hi guit4eva :)

 

We have to focus on supporting GSAP api , not ScrollMagic  . you could contact its author .
 
if you have any question about GSAP please feel free to ask here and be sure we'll be delighted to help .
  • Like 1
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.
×