Experimental Feature

⚠️ Unsupported ⚠️

This gallery requires a few CSS features that aren't present in your current browser.

To try this out, download Canary and visit chrome://flags/#enable-experimental-web-platform-features in a tab, enable it, and reload this page.

Tabs

Scroll Markers Scroll-State Queries interactivity: inert Anchor

Yep, these tab buttons on top are "just scroll markers" with contextual text inside.

See also Scrollspy and TV Series.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id cupiditate distinctio hic eum blanditiis in, temporibus itaque dolore, unde explicabo! Voluptates veniam perferendis debitis recusandae quod vero porro quidem!