À quoi sert la position collante ?
À quoi sert la position collante ?

Vidéo: À quoi sert la position collante ?

Vidéo: À quoi sert la position collante ?
Vidéo: Les 4 saisons des bas de contention - La Maison des maternelles #LMDM 2024, Décembre
Anonim

Un élément avec position : collant ; est positionné en fonction du défilement de l'utilisateur position . UNE collant l'élément bascule entre relatif et fixe, selon le défilement position . Il est positionné par rapport jusqu'à un décalage donné position est rencontré dans la fenêtre - alors il "colle" en place (comme position :fixé).

De même, comment rendre ma position collante ?

Pour voir l'effet de positionnement collant , sélectionnez le position : collant option et faites défiler ce conteneur. L'élément défilera avec son conteneur, jusqu'à ce qu'il soit en haut du conteneur (ou atteigne le décalage spécifié en haut), puis s'arrêtera de défiler, il restera donc visible.

Sachez également, quelle est la différence entre la position collante et fixe ? Sans entrer dans les détails précis, position : collant agit essentiellement comme position : relatif jusqu'à ce qu'un élément défile au-delà d'un décalage spécifique, auquel cas il se transforme en position : fixé , amenant l'élément à "coller" à son position au lieu de défiler hors de vue.

À cet égard, puis-je utiliser CSS position sticky ?

CSS

position : collant

est pris en charge dans Firefox, Safari et Chrome Canary (56+). Position CSS : collant est pris en charge dans Firefox, Safari et Chrome Canary (56+).

Qu'est-ce que Webkit collant?

position : collant est une nouvelle façon de position éléments et est conceptuellement similaire à position : corrigé. La différence est qu'un élément avec position : collant se comporte comme position : relatif au sein de son parent, jusqu'à ce qu'un seuil de décalage donné soit atteint dans la fenêtre.

Conseillé: