Anees87

Hi @GSAP Helper can you please help me how to scroll to a section on single mouse scroll. as it happens on mouse click ? https://codepen.io/michellebarker/pen/QWqdqZV/597a468071d4dce3f7bf0ce80d6cb8d3?editors=1010

How can I develop a timeline as this design below. Please help me to achieve this. Here the active year should centered vertically. And mobile it should be like this. Please help to achieve this as I'm so new to GSAP. Thanks in advance

Hi @mikel How can we make this scrollable on mobile like swiping. Please guide me with an example.

If I'm not mistaken you're saying that I have to add all the section inside one section and pin the main section class. Thanks again for helping me this far.

Thank you very much @mvaneijgen. It works great. Awesome work. I see you have added the hello text inside the same section let's say if I added the hello text in the next section then only this issue occurs. <section class="test"></section> <section class="animText-section"> <div class="overflow-hidden"> <h2>No sliders.</h2> </div> <div class="overflow-hidden"> <h2>No tabs.</h2> </div> <div class="overflow-hidden"> <h2>No code.</h2> </div> </section> <section class="space"> <h2>Hello title</h2> </section> Why I need to achieve this is if there is another component comes below this then the "space" section also shouldn't move down. You can see the issue in the screen record. There you can see when scroll up the component below the text also moves down. Need a solution for it please.

Hi @mvaneijgen I have made some changes. But when I scroll up the title "Hello world" also moves down. How can I fix this issue ? I have made a screen record as well and the codepen link here.

Sorry I'm so new to gsap so let me try and go with the documentation and figure out somethings. I'll ask you if I get stuck. Thanks

@mvaneijgen awesome. Thank you very much for the support. What I can do if the text need to start from top ?

Hi I'm trying to achieve something like in this website. Screen record is here Below screenshot is attached to indicate the section in the demo website. How I can achieve something like on the website on scroll ? Please help by providing a codepen on how I can achieve this same effect.