2b:null 2c:["$","title",null,{"children":"Hello, Sticky Headers | Andrew Wooldridge | Observable"}] 31:[] 2f:{"id":"6824cf16eab6c272","slug":"hello-sticky-headers","title":"Hello, Sticky Headers","thumbnail":"b33fde0fdf57c3f94829957c2d7d2ad0f77bb1ff17f30477edfb3532084b7f7e","access_level":"public","create_time":"$D2021-02-17T06:36:05.723Z","update_time":"$D2021-02-17T06:50:33.555Z","view_time":null,"first_public_time":"$D2021-02-17T06:48:58.150Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":"starter_2024"},"version":27,"publish_version":27,"role":null,"authored":false,"authors":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null}],"members":[{"type":"individual","id":"b8d79ca293134247","login":"triptych","name":"Andrew Wooldridge","avatar_url":"https://avatars-next.observableusercontent.com/84b4215a79a8f07f1610f6650183c4793985ecf13ed3af2944962bee15c46c2e","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":1,"collection":{"id":"99e6b8beaf232e00","slug":"html-elements","title":"HTML Elements","owner":{"id":"2d6b5d0f9034e560","login":"triptych","name":"Andrew Wooldridge"}},"type":"notebook","body":{"title":"Hello, Sticky Headers","cells":[{"id":0,"value":"md`# Hello, Sticky Headers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":4,"value":"md`Reference: [css-tricks](https://css-tricks.com/how-to-create-a-shrinking-header-on-scroll-without-javascript/)\n\nscroll the outer div up to see sticky header stick.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"},{"id":6,"value":"{\n let divs = ''\n for(let i = 0; i< 100; i++){\n divs += `

some element

`\n }\n let output = html`\n

\n \n \n

\n\n${divs}\n

\n\n`\n \n yield output\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined"}],"files":"$W31","stdlib":"1","titling":"auto"}} 30:"$2f:body"