Scroll padding top

When you have a sticky header, clicking an anchor link can cause the target element to be hidden behind the header. TIL scroll-padding-top solves this by adding an offset to the scroll position. I think a screenshot best describes the problem: here I have made set the header background’s opacity to 50% so you can see when you click the anchor the header obscures the target element. On this site, I…