About the Resource
In this demo, I'm using sticky positioning to keep the table of contents in view as you scroll down the page. To achieve that, we need to make sure that the sticky positioned frame's parent containers are all set to overflow visible.
To ensure that the table of contents is optimized for mobile and tablet, we need to create a separate frame for the mobile version of the table of contents and show or hide the version on each breakpoint as needed.
As you can see in the image above, the "Mobile ToC" is hidden on the desktop breakpoint, and the regular "Table of Contents" is visible.
Step / 01
Remix the project.
Step / 02
See how it's built.
Step / 03
Try recreating it for practice, or copy and paste it to your project.