212 lines
5.1 KiB
Markdown
212 lines
5.1 KiB
Markdown
---
|
|
title: "Floating Navigation bar"
|
|
date: "2023-06-19"
|
|
description: "The Floating Navigation bar can get truncated to show h2 headings if the table of content gets to long"
|
|
tags: [markdown, css, html, themes]
|
|
categories: [themes, syntax]
|
|
---
|
|
|
|
## Intro
|
|
|
|
Try this example with `toc = "floating"` and `toc = "static"`!
|
|
|
|
## Header
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
## Header 2
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
### Subitem
|
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vestibulum tempus odio eu consectetur.
|
|
|
|
## Header 1
|
|
### Subitem
|
|
## Header 2
|
|
### Subitem
|
|
## Header 3
|
|
### Subitem
|
|
## Header 4
|
|
### Subitem
|
|
## Header 5
|
|
### Subitem
|
|
## Header 6
|
|
### Subitem
|
|
## Header 7
|
|
### Subitem
|
|
## Header 8
|
|
### Subitem
|
|
## Header 9
|
|
### Subitem
|
|
## Header 10
|
|
### Subitem
|
|
## Header 11
|
|
### Subitem
|
|
## Header 12
|
|
### Subitem
|
|
## Header 13
|
|
### Subitem
|
|
## Header 14
|
|
### Subitem
|
|
## Header 15
|
|
### Subitem
|
|
## Header 16
|
|
### Subitem
|
|
## Header 17
|
|
### Subitem
|
|
## Header 18
|
|
### Subitem
|
|
## Header 19
|
|
### Subitem
|
|
## Header 20
|
|
### Subitem
|
|
## Header 21
|
|
### Subitem
|
|
## Header 22
|
|
### Subitem
|
|
## Header 23
|
|
### Subitem
|
|
## Header 24
|
|
### Subitem
|
|
## Header 25
|
|
### Subitem
|
|
## Header 26
|
|
### Subitem
|
|
## Header 27
|
|
### Subitem
|
|
## Header 28
|
|
### Subitem
|
|
## Header 29
|
|
### Subitem
|
|
## Header 30
|
|
### Subitem
|
|
## Header 31
|
|
### Subitem
|
|
## Header 32
|
|
### Subitem
|
|
## Header 33
|
|
### Subitem
|
|
## Header 34
|
|
### Subitem
|
|
## Header 35
|
|
### Subitem
|
|
## Header 36
|
|
### Subitem
|
|
## Header 37
|
|
### Subitem
|
|
## Header 38
|
|
### Subitem
|
|
## Header 39
|
|
### Subitem
|
|
## Header 40
|
|
### Subitem
|
|
## Header 41
|
|
### Subitem
|
|
## Header 42
|
|
### Subitem
|
|
## Header 43
|
|
### Subitem
|
|
## Header 44
|
|
### Subitem
|
|
## Header 45
|
|
### Subitem
|
|
## Header 46
|
|
### Subitem
|
|
## Header 47
|
|
### Subitem
|
|
## Header 48
|
|
### Subitem
|
|
## Header 49
|
|
### Subitem
|
|
## Header 50
|