Docs · Stario

Stario<br>Docs<br>Orbit<br>Blog<br>About

Search…⌘K

On this page<br>How it works<br>Routes and assets<br>Shared state<br>Views<br>Handlers<br>home — first paint<br>subscribe — player lifecycle<br>click — toggle a cell<br>Wire it up<br>Telemetry<br>Run it yourself<br>Read next

Matches page titles and section headings (h2+). Paragraph text is not searched.

Search titles and headings (min. 2 characters).

Getting started<br>Tutorials<br>How-tos<br>Reference<br>Explanation

= document.documentElement.scrollHeight - 48) {<br>activeHeading = headings.at(-1) ?? activeHeading;

$active_heading_id = activeHeading.id || '';<br>" data-on:scroll__passive__window="<br>const headings = Array.from(<br>el.querySelectorAll(<br>'[data-stario-content] h2[id], ' +<br>'[data-stario-content] h3[id], ' +<br>'[data-stario-content] h4[id], ' +<br>'[data-stario-content] h5[id], ' +<br>'[data-stario-content] h6[id]'<br>);<br>if (!headings.length) return;

const activationLine = 88;<br>let activeHeading = headings[0];

for (const heading of headings) {<br>if (heading.getBoundingClientRect().top = document.documentElement.scrollHeight - 48) {<br>activeHeading = headings.at(-1) ?? activeHeading;

$active_heading_id = activeHeading.id || '';<br>" data-on:resize__passive__window="<br>const headings = Array.from(<br>el.querySelectorAll(<br>'[data-stario-content] h2[id], ' +<br>'[data-stario-content] h3[id], ' +<br>'[data-stario-content] h4[id], ' +<br>'[data-stario-content] h5[id], ' +<br>'[data-stario-content] h6[id]'<br>);<br>if (!headings.length) return;

const activationLine = 88;<br>let activeHeading = headings[0];

for (const heading of headings) {<br>if (heading.getBoundingClientRect().top = document.documentElement.scrollHeight - 48) {<br>activeHeading = headings.at(-1) ?? activeHeading;

$active_heading_id = activeHeading.id || '';<br>" data-on:hashchange__window="<br>const headings = Array.from(<br>el.querySelectorAll(<br>'[data-stario-content] h2[id], ' +<br>'[data-stario-content] h3[id], ' +<br>'[data-stario-content] h4[id], ' +<br>'[data-stario-content] h5[id], ' +<br>'[data-stario-content] h6[id]'<br>);<br>if (!headings.length) return;

const activationLine = 88;<br>let activeHeading = headings[0];

for (const heading of headings) {<br>if (heading.getBoundingClientRect().top = document.documentElement.scrollHeight - 48) {<br>activeHeading = headings.at(-1) ?? activeHeading;

$active_heading_id = activeHeading.id || '';<br>"><br>On this page<br>How it works<br>Routes and assets<br>Shared state<br>Views<br>Handlers<br>home — first paint<br>subscribe — player lifecycle<br>click — toggle a cell<br>Wire it up<br>Telemetry<br>Run it yourself<br>Read next

Made by Adam with Stario

Search titles & headings…⌘K<br>DocsGetting started<br>Tutorials<br>How-tos<br>Reference<br>Explanation

Orbit<br>Blog<br>About<br>Socials<br>GitHub<br>Discord<br>YouTube