Hey!
I would like to create a side navbar / Table of Content like this:
https://tony-jin.com/html/works/photos.html#what-i-learned
It should change the state and highlight the specific sections.
How could I archive this with webflow without CMS?
Thank you!
1 Like
v01and
(SD)
October 14, 2020, 3:27pm
2
Hi Lukas, have you been able to find a solution to this? I’m also interested in implementing this type of a dynamic table of contents.
1 Like
Hey @v01and , unfortunately still not, I am still looking for a solution.
It would be interesting to see how that works.
1 Like
v01and
(SD)
October 14, 2020, 4:17pm
4
I’m seeing something similar here but was hoping there’s something a bit easier to implement.
Base on this plugin (There are many more similar libraries):
http://projects.jga.me/toc/
Example of blog posts (CMS)
1/5:
The normal process (Bind the rich text area) for post collection page
[image]
2/5 - toc div
Add empty div with class of toc
[image]
3 - add custom code
Before body copy-paste the custom code below (The code is very small - less than 1KB (774 bytes). No cdn for this library)
[image]
<script>
/*!
* toc - jQuery Table of Contents Plugin
* v0.3.2
* http://projec…
DuncanHamra
(from Memberstack)
March 18, 2022, 9:19am
6
Leaving here for future reference
I followed this tutorial to automatically generate a table of contents for my blog. Figured I’d share the cloneable for future me and current you! I hope it works well for you.
1 Like
joenrvdz
(joe narvadez)
December 29, 2022, 12:51am
7
Hey Duncan, I tried incorporating your design clone (which is super awesome btw) however, I’ve stumbled upon a problem on the Table of Content’s layout. It became super cramped. Can you help me fix it? (I’m new to webflow)
Here’s my read only link: Webflow - Freelance Pinoy
Thanks!
1 Like
DuncanHamra
(from Memberstack)
January 5, 2023, 3:16pm
8
Happy to help! Looks like all of your links have a height of 20px. I think that’s what’s causing them to get squished together.