@GreenSock Hi there!
Aight! thank you, next time I will ask step by step to make it easier.
Thanks to fix my codes! Yes, you are right! What I mean is
"top bottom-=25%"
And yes, that's exactly what I want!
But I don't want to remove "active" class *except* User scroll back to top.
I tweaks the codes from your last fix, but when I scroll to top, all active class on List removed instantly. What I want is each Item removed by scroll when the User scroll back to top
Sorry if what I made confused you, I'll try to tweaks the codes a bit & explain here:
In this Strategy Section, user can scroll to bottom and the timeline move down like now (solved), however later when the User scroll down, the ".timeline-li.active" will trigger the image ".strategy-image .image" on the left to change / stack to another image.
Is it clearer now?
Just give me the clue, so I can learn from it and give back to you when its done!
**I already changes the codes