rohitsinghshan

I'm using endtrigger sir let fixed = gsap.timeline({ scrollTrigger: { trigger: "#scene-brush-alt", endTrigger:"#scene-7-alt", start: "top top", end: "bottom+=10", toggleClass: "fixed" }, });

Sorry for lengthy code and Yeah sir, Sticky class is applying at the bottom where I have to remove it, I want to apply it when we scroll to <div class="scene-brush-alt" id="scene-brush-alt"> and end at <div class=" scene-alt scene-details-alt scene-7-alt" id="scene-7-alt">

ToggleClass is not working. It's not adding the class when the trigger is called at #scene-brush-alt and remove class at end trigger. You will get script at last in codepen

Yeah, the main website is breaking on iOS15 so I'm trying to make a replica of that website and I'm new to gsap. So I was thinking if there will be a solution to manage the main website then I will do that but as you said that can't be helped so I'm creating the same with HTML CSS and js in local. So I need help that how I can animate that brush cap. You can see the demo on https://www.dr-best.de/interdental/ and I have coded that in codepen https://codepen.io/shaan-singh/pen/dyJVaBV

this is not breaking on iOS15. there is bug on main website

https://codepen.io/shaan-singh/pen/dyJVaBV here is codepen. I try to replicate it but end up where the brush cap didn't show as on the main website. I'm trying to replace their code with mine.

Sir project is too complex, and it's on AEM so I only got that top part where brushes are animated and I am unable to understand what's going on as they have created their custom script for scrolltriger and gsap. If you want to see the script then click on this link to see it https://a-cf65.ch-static.com/etc/designs/zg/drbest/desktop/js/libs/dr-best-scroll-anim.min.js

This website break on iOS15 and works fine on iOS14. Here is link https://www.dr-best.de/interdental/ Can you please tell me why this is happening because I can't find a solution for that

Thanks sir, this only I have to achieve but this text are also overlapping and I don't know why. can you solve this also?

Thankyou for your reference sir, I have made codepen https://codepen.io/shaan-singh/pen/dyJVaBV I want big light-blue toothbrush to work like a reference website. And if my script can be written in betterway then please tell me as I'm new to this

I wanna achieve this animation on the website https://www.dr-best.de/interdental/ where 2nd brush comes to the viewport as scrolling while rotating. I have achieved the 1st sticky brush animation but have a problem in the 2nd one