So far, we’ve used ScrollTrigger to start our animation when the .box enters the viewport. But it still plays like a normal animation, once it starts, it goes at its own speed, ignoring the scroll position. 🤔 What if we want the animation to sync directly with our scrolling? That’s where the idea of scrubbing comes in! ## What is Scrubbing? Imagine scrolling down a page with a timeline of events. As you scroll, each event fades in smoothly, one after another. When you scroll back up, they fade out in reverse order, no buttons to click, just a story that follows your finger’s path.