Wizard of Oz

Thanks Cassie! Exactly what I needed

Hi, I am trying to recreate this gallery: https://nation.africa/kenya/photos/lifestyle/oscars-2023-winners-celebrate-4156402 My plan is to animate in a new card by altering the parent divs' getBoundingClientRect x value on each button click. 1. But when I print the values on the console after the animation runs, I don't see any change in any of the "elemRect" values. Why is that? 2. What would be a smart way of identifying that I've reached the end of my gallery? 3. There is a hitch where I need to press both buttons 2 times for them to navigate in the different direction, any idea what's causing that? Thanks for any advice

Hah! Thanks ?

Hi, how come the box animations on this pen stop working when scrollsmoother is initiated? I couldn't find anything on the docs.

Thank you for caring for my little amateur problems Cassie. I really appreciate it ☺️

This answered me ? https://codepen.io/GreenSock/pen/VwXYYgb

Hi, any idea how I can maintain the footer reveal effect while using ScrollSmoother?

Very cool!

Ahhh! There you have it. Thanks Jack

Seems like it's a screen resolution thing. It works well when I zoom out to 80%, https://www.awesomescreenshot.com/video/8708860?key=9a802bbfc56f23a2d1b6cb01b447765e

@GreenSock Sorry chief! No secrets, none that I can think of atleast ? The screen recording is from the pen by Greensock, which I have not touched. I'm viewing this on a Mac, chrome browser version 100.0.4896.127 from Norway ( though I doubt this has anything to do with it ). All the assets seem alright https://www.awesomescreenshot.com/image/26566601?key=d272e5fe2bafbe72ab7ba4c9fb5cc444

This is what I see: https://www.awesomescreenshot.com/video/8702988?key=0755f915b07dd435506b7dd7304a3735 ?

Both my pen and @OSUblake's pen lack the parallax effect again. Very odd as it seems to work on & off..

Thanks Cassie I'll be here again to bother you with more questions again soon Have a good day

Hi, when I hover over the menu items QUICKLY, before the Y is done, I get layout errors. I tried running my hover effect onComplete of the menuIn animation, but that only fixes the issue on the first run. Any tips or pointers on how I can get this working smoother? Here's a screen grab showing the error: https://www.awesomescreenshot.com/video/8694519?key=cc9923974a749689384ebe39ef9af2ec

Thank you so much @mvaneijgen Your explanation is exactly what I needed. Now I understand Have a good day.

I see! So to recap: reversed: true - sets the animation backwards AND also pauses the timeline animation? tl.reversed(!tl.reversed()) - reverses the animation if its not already reversed? Correct? Thanks in advance Guru @OSUblake

Hi, I am probably about to max out my quota of how many questions a user can ask in a month 😇, but I blame you guys for developing such an addictive library. I am trying to reverse an animation in a function. How can I target the timeline? Something like myAnimation.tl.reverse()

Yep! Works with ScrollTrigger 3.10.4. Thanks guys

Odd! This is what I see: https://www.awesomescreenshot.com/video/8525945?key=710ee4d697da566f85201eaf56aa4b92 on all browsers.

Hi, any idea why my parallax here suddenly stopped working? Also, is @media (prefers-reduced-motion) built into scrollSmoother? Thanks

Hi Cassie, I tried moving my outgoing image and my incoming image towards opposite direction as Nico pointed out but still can't get the masking effect going. But, I'll try a bit more, I think I'll get there eventually

Hi, any pointers on how I can get my slider's outgoing and incoming images to have the same effect as @nico fonseca's ? https://codepen.io/martinkariuki7-the-looper/pen/OJzzWdq

Wooooooohhhhh!!! ?

Sigh! I too walked on this path of "I am new to JS but I am having problems using Barba + GSAP" My 2 cents! STOP! Don't start with JS+GSAP+Barba. Start instead with JS, understand it's simple concepts, arrays, objects, scope etc ( I am still learning this btw ) Then afterwards it will become MUCH MUCH easier solving problems which arise after integrating 3rd party libraries. With nothing but love Fellow Newbie