← Tous les exemples

Stack Overflow : détacher l'en-tête supérieur

Fait défiler la barre supérieure avec la page au lieu de la coller au bord et d'occuper de l'espace.

Code à copier

/* Make the top header non-sticky so it scrolls away */
.s-topbar,
header.top-bar,
#header {
  position: static !important;
}
body .container,
body #content {
  margin-top: 0 !important;
}

Comment utiliser cet exemple

1. Copiez le code avec le bouton ci-dessus.
2. Installez JustZix (2 minutes) et ouvrez l'extension sur la page cible.
3. Ajoutez une nouvelle règle correspondant à cette page.
4. Collez le code dans le panneau CSS de la règle et enregistrez — l'effet apparaît aussitôt.