Sticky & Fixed Position — Learning Bundle
Position Collante & Fixe — Pack d'apprentissage
Ce paquet d'apprentissage compare deux valeurs de position CSS. sticky reste dans le flux normal jusqu'à ce qu'il atteigne un point défini dans son conteneur de défilement. fixed est placé par rapport à un bloc contenant à position fixe. Le paquet n'est pas un seul terme CSS.
Un autre exemple
Un en-tête de tableau reste en haut de sa propre zone de défilement. Un bouton de support reste bloqué dans un coin de l'écran.
Parties principales
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Utilisez-le lorsque
Choisissez la valeur dont le bloc conteneur et le comportement de défilement correspondent au résultat nécessaire.
Ne l'utilisez pas lorsque
Ne couvrez jamais le contenu. Gardez les zones de sécurité et la focalisation du clavier visibles.
Nom utilisé dans le code
position: sticky | fixed Avant d'expédier
Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely.
Outcome: Complete the task with Position Collante & Fixe — Pack d'apprentissage (Sticky & Fixed Position — Learning Bundle). User context: Un en-tête de tableau reste en haut de sa propre zone de défilement. Un bouton de support reste bloqué dans un coin de l'écran. Learning bundle to unpack: Position Collante & Fixe — Pack d'apprentissage (Sticky & Fixed Position — Learning Bundle). Canonical members: Position fixe (Sticky Position), position corrigée (Fixed Position) Why this comparison helps: Choisissez la valeur dont le bloc conteneur et le comportement de défilement correspondent au résultat nécessaire. Do not treat the bundle as one pattern when: Ne couvrez jamais le contenu. Gardez les zones de sécurité et la focalisation du clavier visibles. Comparison requirements: Name every member concept on its own. Explain its job and limits. Show every member in the same real situation. Give a visible sign for when to use, combine, or leave out each member. Decision quality: Keep platform and evidence limits clear. Show which members can work together. Point out false matches, unsafe swaps, and cases that need another concept. Acceptance criteria: A reader can explain each member in one sentence and tell them apart in the example. They can defend the chosen member or valid group and open every canonical guide. Evidence and limits (evidence boundary): Ce n'est pas une norme normative. Son nom, ses limites et son comportement attendu peuvent varier d'une source à l'autre. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Vérifiez cette demande
Review how Position Collante & Fixe — Pack d'apprentissage (Sticky & Fixed Position — Learning Bundle) is used now. Definition: Ce paquet d'apprentissage compare deux valeurs de position CSS. sticky reste dans le flux normal jusqu'à ce qu'il atteigne un point défini dans son conteneur de défilement. fixed est placé par rapport à un bloc contenant à position fixe. Le paquet n'est pas un seul terme CSS. Release checks: Check that every member concept has its own name and link. Show all members in the same situation. Give a visible rule for when each one applies and which groups are valid. Never present the bundle as one canonical pattern or as parts that can be swapped freely. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.