Jump to content
Search Community

1amShaw

Members
  • Posts

    5
  • Joined

  • Last visited

Everything posted by 1amShaw

  1. Hey Mvaneijgen, Thank you for your reply. What you're saying makes perfect sense - and has put me on the right path. I will take a look at @PointC's demo, and see what I can do. Al the best
  2. Hello. Firstly. Thank you for the continuous work you do with GSAP. I have a list of strings (that originate from a CMS, so are subject to change in count) that I am looping through continuously with a from and to animation. I have hard coded the duration (which is fine), but my challenge is trying to change the stagger time of each item based on a data attribute in the CMS. (Example: Some strings stay for 5 seconds before running the to animation, and some might only stay for 3 seconds). I've tried search for examples of others doing this, and couldn't find any that could point me in the right direction. Maybe I need to look at it from a very different angle? Any advice would be appreciate as to where I should look/read. I have included a minimal code pen demo below to show what I have so far. Thank you in advance
  3. Thank you so much for the fast reply. I'm annoyed with myself because I tried using .pinnedContainer (after reading one of your replies the other day) but only applied it to the first one! Thanks for the other solution too. My issue with that is that the site I am working on allows the user to choose some preset background colours, which applies a class to the 'module'. Then I use those classes as adjacent sibling combinators, to alter spacing, key lines, etc... (nightmare!), so wrapping them will cause issues with that. But the first option works great! Thank you again!
  4. Apologies for the brief answer, but have you seen this article? (Disclaimer: I am no GSAP expert)
  5. Hello. I was hoping you could help with the following issue. I have a single element, that houses all of my modules. Unfortunately I cannot change this. Inside of this module container element, I'd like to have two different elements (that are NOT taller than 100vh), that get pinned and scroll left... The first instance on the page works perfectly. however, the second instance happens way too soon. I can see that the markers are not where they should be. Thank you in advance!
×
×
  • Create New...