[Horizontal scroll inside modal with less than 100vh height]

Hi all,

 

How would I go about achieving horizontal scroll with progress bar in a setup similar to my CodePen example? I can't figure out what I'm doing wrong.

Trying to scroll the white blocks inside the modal.

(using querySelectorAll as content is dynamic)

 

Thanks in advance,

Charlie

 

See the Pen eYKNmGy by CharlieStevenson198 (@CharlieStevenson198) on CodePen

[Animate staggerTo children at the same time]

I'll keep that in mind for next time. Thanks

 

[How to mimic position: sticky; bottom: 0; on grid cards with ScrollTrigger and Pins]

Hi All,

 

Just wondering how I would mimic css position sticky bottom, with the same behaviour as seen in my CodePen demo, using GSAP's ScrollTrigger.

I'm unable to have separate id's/classes as the content is pulling from a CMS and needs to be dynamic. 

 

Thanks in advance.

Charlie

See the Pen ExRxKRg by CharlieStevenson198 (@CharlieStevenson198) on CodePen

[Animate staggerTo children at the same time]

Godsend. Thanks for the swift reply and pointers too

[Animate staggerTo children at the same time]

Hi all,

 

How would I get the below animation to stagger all lines, but run each box's animation at the same time?

 

I'm unable to create separate id's or classes for the '.artist-name' elements (or any parents) since it's dynamically pulling from a cms.

 

Thanks in advance.

 

Charlie

 

[Full-screen slider when scrolling similar to:]

Thanks, Rodrigo! Big help.

[Full-screen slider when scrolling similar to:]

Hi all,

 

Just wondering how I'd go about achieving a full-screen, scroll based slideshow similar to the one on the homepage of: https://mubien.com/.

 

I've seen a few posts already about detecting for scroll up/down and changing the slide to transformY in/out. However, in this particular example once you travel 100vh/the height of the slide it's triggering an animation.

 

Any help would be appreciated. 

 

Charlie .