Oramai molti menu sui siti web sono in modalità "sticky", cioè fissa. Quindi quando si scrolla, il menu rimane fisso in alto.
Quando si vanno ad usare anchor link, si presenta un problema: il menu fisso tende ad oscurare la prima parte di sezione raggiunta con l'anchor link.
Come risolvere?
Con una semplice riga di codice da aggiungere allo style della sezione, o div da raggiungere
scroll-margin-top: 5 rem;
Dove il valore va a rappresentare l'altezza del menu. In questo modo riusciamo a centrare correttamente la sezione una volta fatto scroll.