You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
<style>section::scroll-marker {
content:attr(data-title);
}
</style><sectiondata-title="About"><sectiondata-title="Who"></section><sectiondata-title="What we do"></section></section>
This could generate a flat list of markers:
About
Who
What we do
Or, should the generated ::scroll-marker pseudo-element for About contain the markers established by descendant elements, e.g.
About
Who
What we do
I've written up an example of what this might look like for both table of contents like scenarios and dot-like scenarios. This does affect how you would have to handle dots to have them render nicely. E.g you'd probably need the dots containing other dots to render their dot as a ::before so that it doesn't wrap all of its descendants.
The text was updated successfully, but these errors were encountered:
Consider the following demo also prototyped at https://codepen.io/flackr/pen/JoPxZmV:
This could generate a flat list of markers:
Or, should the generated
::scroll-marker
pseudo-element forAbout
contain the markers established by descendant elements, e.g.I've written up an example of what this might look like for both table of contents like scenarios and dot-like scenarios. This does affect how you would have to handle dots to have them render nicely. E.g you'd probably need the dots containing other dots to render their dot as a
::before
so that it doesn't wrap all of its descendants.The text was updated successfully, but these errors were encountered: