Tables of content
Quickly navigate and scroll through long pages through main and floating tables of content
Last modified 2025-09-05
ITADS
Based on the content’s structure of heading tags levels (<h1> to <h6>), Eleventy LibDoc contains two Tables Of Content with anchor links that allows to quickly scroll to the different parts of the page.
- Main Table Of Content into each page header.
- Generated from the build process.
- Collapsable.
- No JavaScript involved.
- Floating Table Of Content that displays when the main TOC is out of the browser window.
- Scrollspy feature along the entire page: The floating TOC’s UI accentuates the currently visible parts of the page.
- TOC is collapsable.
- Remembers its state when you go to another page.
- Generated from client side, needs JavaScript enabled.
- You can try it on the markdown page
Learn more about TOC settings in configuration - table of content.