Jump to content
GreenSock

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

Tagliavia

ShockinglyGreen
  • Posts

    14
  • Joined

  • Last visited

About Tagliavia

Tagliavia's Achievements

  1. Hi folks I have a box that i want the user to drag and go back to start position on release, something like if attached by a rubber. How can i get around it with draggable?
  2. Just to let you guys know I'm getting this when trying to load Greensock website on Safari, after Big Sur / Safari update on 09/21/21.
  3. I had a similar issue on iOS, tried the 100vh height solution but it made no difference, in fact it actually affected the design since on scroll down you will see an empty space where the safari app bar pops up. However as weird as it sounds having absolutely placed items displaced with yPercent or y below the confines of the pinned element caused the problems with "labels" and "directionalLabels" snapping. After changing the elements height to keep them in the bounds of the pinned element snapping worked perfectly. Also had some very jumpy pinning of the container which was caused by an image that modified the height of the dom on render, so I would recommend to have a placeholder for the images just in case.
  4. Thank you very much Jack, that cleared a lot of things. I want the animation to restart but i guess i can seek(0) when calling pause(). Have one more question thought... Can we use ScrollTrigger matchmedia with and animation declared this way?, in the docs it always pull an ScrollTrigger instance instead of a Timeline.
  5. Hi everyone. I have a ScrollTrigger scrub animation of sections, each section have loop animations inside. I would like to know what would be the best way to play the loop only on a range of the ScrollTrigger. In the codeine basically I want the rotating text to play from the beginning once the section-2 begins to appear and stop it when the section 3 covers it. Animation should be restarted on enter back of the same range. Thanks in advance
  6. I know i should provide a codepen but is a complex animation. On Iphone when swiping to scroll, the animation keeps stuttering back and forth instead of going to next label or previous label. Any insight into the how to debug or examine the issue would be greatly appreciated. Just signed for Greensock club so probably good time to try the GSDevTools, regarding the dev tools would love to know if there is any guide about how to use it with react. Additional info that might be pertinent: The section where all the timeline animations gets executed is pinned, height is 100vh, not sure if it might be related to the bottom toolbar that safari displays on scroll.
  7. OK solved it with https://greensock.com/docs/v3/Plugins/ScrollToPlugin However any way to skip a scrolltrigger animation in between the origin position and the target element?
  8. My experience so far, make use of the useSelector Hook as much as possible. One ScrollTrigger per item to be animated or timeline. (best way to avoid glitches or bugs) If using i18next preload all of your Namespaced translation files or you might suffer very bad glitches during the loading of translations outside of suspense. Have a good one.
  9. Hi everyone I have a React SPA and when i use scrollIntoView None of the scrolltrigger animations get fired, any workaround for this
  10. Thank you for the quick reply and sorry for being AFK for so long. Looks like create react app development mode might have some issues with GSAP. After shutting down and restarting scrollTrigger instances appeared in the console. In the time being i'm actually testing the library to get a better understanding of it in a basic create react app project. Here is the github repo: https://github.com/rtagliavia/gsap-playground.git So far animations work as expected if each item has a unique ID or className that is not repeated in the code, but trigger position is giving me some headaches. When setting start at center center, marker for start is way higher than element to be animated.
  11. Hi everyone and thanks for GSAP. I'm using ScrollTrigger in a React Project, but struggling with debugging some issues. At the moment I'm trying to see all ScrollTriggers instances that are active by console.log(ScrollTrigger.getAll()), but no output is printed to the console. Any pointers regarding this would be appreciated.
×