Trick per sticky menu e ancore

Quando una pagina ha delle ancore e un menu fisso in alto (sticky) ci possono essere problemi di sovrapposizione del menu con la parima parte del blocco.

In particolar modo se ci fosse un link diretto all'ancora.

Una soluzione può essere quella di creare un elemento nascosto, poco più in alto del blocco di riferimento che faccia da "esca" per l'ancora:

<a class="anchor" id="top"></a>

Ecco il CSS:

a.anchor {
display: block;
position: relative;
top: -250px;
visibility: hidden;
}

Reference: https://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header