What if the scrollbar went around the corner? 👀 CSS could do that ✨

Don't be put off by the JavaScript 😅 It's there for generating SVG paths, etc. based on updated user configuration 🤙 It's also there to cover where CSS scroll-driven animations don't work ✨

When at the top of a list, the user may not understand the meaning of the small white circle until they interact. But at the same time, what prevents us from supporting the evolution of user experience hehehe

Magic here is that scroll-snap means it won't sit in the circle mode 😎 That only appears when you scroll past the snap points ✨

🤯 The code please!

Ok devs stop everything you're building and make this industry standard.

If you ever release a in-depth advanced css course, I'd get it within a minute. Absolute🐐

stroke-dashoffset with scroll-driven animations?

Will clean up the code and get it out there 🤙 Pretty much yeah, some scroll-snap, scroll animation, and SVG 😎

Nice! One missing detail - the scrollbar thumb should get thicker as it shrinks 🤓

Yeah, didn't like that detail so skipped it out 😅 Seems I wasn't the only one. Might add it as an option. Jus requires adding stroke-width into the keyframe ✨ Was more concerned with hacking something up that would work responsively in the end 😁