Pourquoi le positionnement collant « bottom : 0 » se comporte-t-il différemment de la description de MDN ?

Lors de la spécification bottom : 0 pour le positionnement collant, pourquoi diffère-t-il de la description de MDN ?

La propriété position:sticky introduit un comportement hybride entre positionnement relatif et fixe. Il imite une position relative jusqu'à ce qu'un seuil spécifié soit atteint, auquel cas il passe à une position fixe.

Cependant, dans votre extrait de code où bottom: 0 est défini, le comportement semble être inversé par rapport à ce qui est décrit dans l'article de MDN. L'élément commence comme fixe et passe à relatif après avoir dépassé un seuil.

La raison derrière cet écart réside dans le libellé de la définition de MDN :

"Le positionnement collant peut être considéré comme un positionnement hybride. de positionnement relatif et fixe. Un élément positionné de manière collante est traité comme positionné de manière relative jusqu'à ce qu'il franchisse un seuil spécifié, auquel cas il est traité comme fixe jusqu'à ce qu'il atteigne la limite de son positionnement relatif et fixe. parent."

La phrase clé ici est "jusqu'à ce qu'il franchisse un seuil spécifié". Dans votre code, l'élément franchit déjà le seuil spécifié (le bas de la fenêtre) lors du rendu initial de la page. Par conséquent, il entre immédiatement dans l'état de positionnement fixe, même si bottom: 0 indique que le seuil doit passer de relatif à fixe.

En résumé, lorsque vous spécifiez bottom: 0 pour un élément collant, il commence d'abord par fixe. car le seuil est déjà atteint, puis il passe au relatif lorsque l'élément défile vers le haut au-delà du bas de la fenêtre. Ce comportement est cohérent avec la définition MDN, mais le langage utilisé peut prêter à confusion.

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!