Jump to content
Search Community

Silvia Malavasi

Premium

  • Posts

    5

  • Joined

  • Last visited

About Silvia Malavasi

Silvia Malavasi's Achievements

  • Reacting Well Rare
  • Dedicated Rare
  • First Post Rare
  • One Year In
  • Week One Done

Recent Badges

7

Reputation

  1. Silvia Malavasi started following ToggleAction onEnterback resets animation and GSAP Page Transitions in Next.js
  2. Silvia Malavasi
    Hi. I ended up with creating a custom router event handler to control transition between pages. Here's the repo: https://github.com/SilviaMalavasi/next-13-page-transition-gsap And here's deployed on Vercel https://next-13-page-transition-gsap.vercel.app/
  3. Silvia Malavasi
    Thank you very much. Now is super clear! This is my final code, working as expected, using 2 scrollTriggers: https://codepen.io/silvia-malavasi/pen/YzZNJEO
  4. Silvia Malavasi
    Thank you! That's the point! I misunderstood OnEnterBack and onLeaveBack meaning. Now, if I can, i wold ask you another question. How to reset the animation on backscrolling only when the element is outside of the viewport? It will simply work with toggleActions:"play reset play reset" if only I didn't have that start: 'top 50%', but I want my animations to start a bit after the elemnts get in viewport.
  5. Silvia Malavasi
    Sorry, I couldn't explain properly. All sections behave in the same way and that's correct. With "third one" I wanted to pint at the third toggleAction parameter ie onEnterBack. I don't want elements return to opacity:0 when onEnterBack triggers. I tryed with none, pause or complete but they still reset.
  6. Silvia Malavasi
    Hello. I'm new and I'm stuck on this issue. As you can see in my Codepen, my animation works correctly on all toggleAction triggers but the third one. When elements EnterBack, the animation resets and elements disappear. What I'm doing wrong? Thank you very much.
×
×
  • Create New...