Pourquoi ma barre de navigation collante ne colle-t-elle pas ?

Comprendre la « position : collante ; » Propriété

La "position : collante ;" La propriété permet à un élément de rester fixe jusqu'à ce que l'élément conteneur déborde. Cependant, si vous rencontrez des problèmes avec la barre de navigation qui ne colle pas en haut de la fenêtre, il se peut qu'il y ait un problème avec votre code.

En inspectant le code fourni, nous remarquons deux instances de "position : collante". ;":

nav {
  position: sticky;
  position: -webkit-sticky;
}

Il n'est pas nécessaire d'inclure les deux "position: sticky;" et "position : -webkit-sticky ;". Supprimez ce dernier et assurez-vous qu'il n'y a aucun autre élément ancêtre avec "débordement" défini sur "caché", car cela peut interférer avec le positionnement collant.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!