[Timeline using Gsap vertical]

Hi @GSAP Helper can you please help me how to scroll to a section on single mouse scroll. as it happens on mouse click ?

See the Pen 597a468071d4dce3f7bf0ce80d6cb8d3?editors=1010 by michellebarker (@michellebarker) on CodePen

[Timeline using Gsap vertical]

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

See the Pen XWzRraJ?editors=1010 by GreenSock (@GreenSock) on CodePen

[Slider transitions with GSAP and Scrolling]

Hi @mikel

 

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

 

[Text reveal animation using scrollTrigger]

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.

[Text reveal animation using scrollTrigger]

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.

[Text reveal animation using scrollTrigger]

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.

[Text reveal animation using scrollTrigger]

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

[Text reveal animation using scrollTrigger]

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

[Text reveal animation using scrollTrigger]

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.

See the Pen wvXMJWO by mohomedanees (@mohomedanees) on CodePen