[Vertical timeLine with toggleClass on section (Wrong start end stop scroller)]

Thank you for your help!  💪 And the quick response. It remains for me to translate everything to React, I hope in React similar structure

[Vertical timeLine with toggleClass on section (Wrong start end stop scroller)]

Hello developers. There is a problem with starting and stopping a fixed ball. The ball should be fixed at a distance of 35% from the top and stop no lower than a point on the Timeline. The moment the ball is against a section it should receive an Active class (previous sections should be active as well). When scrolling back up, the Active class is removed one by one and the ball stops at the starting point (at any screen resolution).

 

I pasted a screenshot of the end point where the ball should stop.

See the Pen qBYLOLK by rasik (@rasik) on CodePen