Maria07 Posted May 10, 2023 Share Posted May 10, 2023 Hello! I have a slider, that uses scrollTrigger animation. Slider works fine, but nowdays, I need not to move the slides along x-axias, but change opacity. Like here See the Pen 7e76da486b25bef0135e971af5ccd354 by akapowl (@akapowl) on CodePen , but still use thumbs to control slider number of slides may vary See the Pen KKGQxYY by Maria2 (@Maria2) on CodePen Link to comment Share on other sites More sharing options...
GSAP Helper Posted May 10, 2023 Share Posted May 10, 2023 We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations. If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. Link to comment Share on other sites More sharing options...
Maria07 Posted May 12, 2023 Author Share Posted May 12, 2023 @GSAP Helper Thanks a lot for examples. Some of them were very helpfull. I came to solution, that looks like this See the Pen WNaJvmV by Maria2 (@Maria2) on CodePen But I can not find how to mennage numbers elements on scroll back. Pls advise if there any method I overlooked Link to comment Share on other sites More sharing options...
Rodrigo Posted May 15, 2023 Share Posted May 15, 2023 Hi, Sorry for the late answer. The approach that you should use is to use the same timeline you're using for the panels to animate the numbers. If you want you can even use a set() instance if you want the change to happen immediately, or even a call() method in your timeline: https://greensock.com/docs/v3/GSAP/Timeline/call() Unfortunately right now I don't have time to go through all your code and find a way to translate what I mentioned into a live example, but hopefully this helps. Happy Tweening! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now