Skip to content

Instantly share code, notes, and snippets.

View PanCakeConnaisseur's full-sized avatar
💭
It may take some time until I respond

Alexey Abel PanCakeConnaisseur

💭
It may take some time until I respond
View GitHub Profile
@PanCakeConnaisseur
PanCakeConnaisseur / README.md
Last active June 1, 2022 14:59
Hide header in mkdocs-material when scrolling down

Quick tutorial on how to hide the header in mkdocs-material when scrolling down and let it reemerge when scrolling up. Because vertical space is scarce.

  1. Download https://npmcdn.com/headroom.js/dist/headroom.min.js and put it into docs/javascripts/
  2. Download activate_headroom.js and put it in the same folder
  3. put into mkdocs.yaml
    extra_javascript:
      - 'javascripts/headroom.js'
      - 'javascripts/activate_headroom.js'