Links to a heading scrolls to positions where that heading is behind the header banner

pages-themes / leap-day

Leap day is a Jekyll theme for GitHub Pages

https://pages-themes.github.io/leap-day/

Creative Commons Zero v1.0 Universal

203 stars 483 forks source link

Links to a heading scrolls to positions where that heading is behind the header banner #58

Open ParadoxV5 opened 3 years ago

ParadoxV5 commented 3 years ago

Sources say it’s possible through CSS (no JS required), but I’m not sure if the inner-workings of Leap Day are compatible.

To reproduce

Uh… Here! ➡ https://pages-themes.github.io/leap-day/#header-1

Note

Chrome DevTools told me that the links in the ToC are adjusted and animated by JavaScript. <a>s in the body are not covered, howëver, nor URLs with a #, of course.

ParadoxV5 commented 3 years ago

https://css-tricks.com/hash-tag-links-padding/#fancier-clean-html-method

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.