Jump to content
Search Community

MarcFN

Business

  • Posts

    20

  • Joined

  • Last visited

 Content Type 

Posts posted by MarcFN

    Animation does not work with http get method

    in GSAP

    Posted

    Hello dear Greensock team,

    I have the following requirement.

    There is a lot of content on one of the client's page. Therefore I want to reload certain content via HTTP GET.

    But the reloaded content contains an animation. But this animation is not working.

    Generally, when the page is loaded, it looks for the animations. But the animation which is not loaded yet can not be found. I have understood this as far as it goes.

    If I now call the additional code for the animation that is loaded with the HTTP GET call, then the animation works.

    The problem is now that after the loaded content, further down still animations take place. These are also pinned. But these animations do not know that another content has been added and that they should start much later. I tried it with refreshTrigger() and ScrollTrigger.refresh(), but it doesn't work.

    It is a bit complicated to explain. Is there a demo for this?

    Best regards from Lake Constance,

    Marc

    Multiple Sections with SplitText not working

    in GSAP

    Posted

    Hello Greensock Team,

    and already I have the next question.

    I think once I understand this, then I'm a good step further.

    I have extremely reduced the script, but I can't figure out why it doesn't work.

    There are 3 wrappers. As soon as wrapper 1 is in the ViewPort, I want to run an animation over the whole screen height. 

    So far this is all understandable for me.

    But when wrapper 2 comes into the ViewPort and arrives at the top of the screen, the animation should run, then wrapper 3 already starts at the bottom.

    And I don't understand that. Why does wrapper 3 come before and not when the animation in wrapper 2 is finished.

    I hope I was able to explain this in a reasonably understandable way.

    Greetings,

    Marc

     

    See the Pen gOdPpJb by MarcFN (@MarcFN) on CodePen

    Multiple Sections with SplitText not working

    in GSAP

    Posted

    Hello Greensock Team,

    in the following example the screen stops as soon as the Start trigger element arrives at the top.

    Now the animation runs until the trigger element end arrives at the top of the screen.

    Now the animation is over and the lower area becomes visible.

    Is there somehow a possibility that I can still scroll for example 200px further and the lower area is not yet visible.

    I hope I have expressed myself reasonably understandable.

    Greetings from Lake Constance,

    Marc

     

    See the Pen zYJxvBY by MarcFN (@MarcFN) on CodePen

    Multiple Sections with SplitText not working

    in GSAP

    Posted

    Hello Greensocks team,

     

    I am just trying to get into the animations of GSAP.

     

    I'm a member of creativecodingclub and have already looked at a few things there.

     

    I would like to use the SplitText plugin in several sections, but it doesn't work.

     

    When the animation runs in the first section, it runs in the second section at the same time.

     

    Would be great if you could help me further.

     

    Greetings from Lake Constance,

     

    Marc

    See the Pen f55b7d02d604c63be6f7dfcbe88e6b3f??editors=1111 by MarcFN (@MarcFN) on CodePen

    Is this possible with GSAP

    in GSAP

    Posted

    Thank you very much for your reply,
     
    at the first moment it looks quite good. But now in practice it turns out that if I pull the display smaller than 600px the content does not adapt (responsive). 
     
    Is there a solution for this?
     
    Thanks for your answer in advance,
     
    Marc
×
×
  • Create New...