Jon on Nostr: I've forgotten how position:sticky works in #CSS 🤔 <header> <nav>Scroll down</nav> ...
I've forgotten how position:sticky works in #CSS 🤔
<header>
<nav>Scroll down</nav>
<nav style="
position:sticky;
top:0">
Why don't I stick?
</nav>
</header>
<main style="
height:300vh">
...
</main>
https://codepen.io/jon/pen/BabQjQBPublished at
2024-01-12 11:20:41Event JSON
{
"id": "f7616e8767d6380bbc2d7b72f8288a4dff67d03aa8cb0a25765401d53ac7ba92",
"pubkey": "f4cc82a4af3715257846fc953efad23b7ffd5ff7edc1352de768139f7871b2db",
"created_at": 1705058441,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://mastodon.social/users/scrwd/statuses/111742710040194542",
"activitypub"
]
],
"content": "I've forgotten how position:sticky works in #CSS 🤔\n\n\u003cheader\u003e\n\t\u003cnav\u003eScroll down\u003c/nav\u003e\n\t\u003cnav style=\"\n\t\tposition:sticky;\n\t\ttop:0\"\u003e\n\t\tWhy don't I stick?\n\t\u003c/nav\u003e\n\u003c/header\u003e\n\n\u003cmain style=\"\n\theight:300vh\"\u003e\n\t...\n\u003c/main\u003e\n\nhttps://codepen.io/jon/pen/BabQjQB",
"sig": "4361dea0dc0af947057551c8af57aa81e4d1b0ea5af76aaba8c3fd5bceba0fbdf01e70de0be472700b94cdb68c2b82a815efd59309c7e551340964c1a190c28e"
}
