Comment créer un smooth scroll moins une valeur fixe en pixel

Si vous avez un header fixe sur votre site internet, l’utilisation de liens ancrés peut masquer votre contenu. On va voir ici comment éviter ça.
Langage : Javascript
Niveau : Intermédiaire
Problématique des liens ancrés en HTML
Les liens ancrés, c’est très pratique. Seulement, si vous avez un header fixe en haut de votre page, il y a de grandes chances que le début de votre contenu soit masqué par votre navigation.
Pour cela, il faut demander au navigateur de ne pas scroller jusqu’à l’ancre, mais quelques pixels avant pour laisser visible tout votre contenu.
Et tant qu’à faire, on va aussi ajouter un smooth scroll pour rendre la descente (ou la remontée) plus agréable ;)
Tu kiffes ? Alors partage avec tes potes !