Post

So thinking about elements that only become visible when they get stuck. So look at that scroll spy in your example, it could be done purely with “stuck” state detection. Put a copy of the header above each section. Make it “appear” only when stuck. Make sure there’s a tiny bit of overlap.

oooooh, indeed! have not seen this trick, but i dont know if calling it a "trick" is fair, seems like legit uses and clever linking to me! cool!

Seriously! Can you read my mind? I was searching for a solution like this today at work - tried using container queries but just didn't really get there. I want to show a shadow on sticky columns in a table - only when the table has horizontal overflow. Thanks man!

yep! visit chrome://flags/#enable-experimental-web-platform-features in Canary and enable it. that'll turn on beta and prototype features (like carousel!)

I was already hyped because I thought this might fix my issue. Sadly it doesn't. But cool anyway. Fixes some other issues of mine.

Jakob Rössner@roessner.tech

Is there any way to tell it that it should keep the state to the bottom?