Sticky mobile header for Hakyll/Pandoc websites?

[Gwern Branwen]

Has anyone seen an implementation of 'sticky headers' for
Pandoc-generated websites?

Most are terrible* but I'm thinking particularly of ones like
https://www.quantamagazine.org/a-new-link-to-an-old-model-could-crack-the-mystery-of-deep-learning-20211011/
for mobile users where the lack of a native browser vertical scrollbar
is fixed by adding a horizontal one, helping the user keep their
position.

And with the known structure of a Pandoc-generated page being a tree
of <section>s, it could also report the current position in the nested
section hierarchy so as to be more informative than merely a '%
scrolled through' scrollbar. That would be a sticky header which was
useful.

* even the good examples in
https://www.nngroup.com/articles/sticky-headers/ are not that great

--
gwern
https://www.gwern.net