Sticky & Fixed Position — Learning Bundle
Posición Pegajosa y Fija — Paquete de Aprendizaje
Este paquete de aprendizaje compara dos valores de posición de CSS. sticky permanece en el flujo normal hasta que alcanza un punto establecido en su contenedor de desplazamiento. fixed se coloca contra un bloque contenedor de posición fija. El paquete no es un único término de CSS.
Otro ejemplo
El encabezado de una tabla se queda arriba en su propio scroller. Un botón de soporte se queda fijo en una esquina de la pantalla.
Partes principales
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Úsalo cuando
Elige el valor cuyo bloque contenedor y comportamiento de desplazamiento encajen con el resultado que necesitas.
No lo uses cuando
Nunca cubras contenido. Mantén las áreas seguras y el enfoque del teclado a la vista.
Nombre usado en código
position: sticky | fixed Antes de lanzarlo
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 Posición Pegajosa y Fija — Paquete de Aprendizaje (Sticky & Fixed Position — Learning Bundle). User context: El encabezado de una tabla se queda arriba en su propio scroller. Un botón de soporte se queda fijo en una esquina de la pantalla. Learning bundle to unpack: Posición Pegajosa y Fija — Paquete de Aprendizaje (Sticky & Fixed Position — Learning Bundle). Canonical members: Posición fija (Sticky Position), Posición corregida (Fixed Position) Why this comparison helps: Elige el valor cuyo bloque contenedor y comportamiento de desplazamiento encajen con el resultado que necesitas. Do not treat the bundle as one pattern when: Nunca cubras contenido. Mantén las áreas seguras y el enfoque del teclado a la vista. 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): Esto no es un estándar normativo. Su nombre, límites y comportamiento esperado pueden cambiar de una fuente a otra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Revisa esta petición
Review how Posición Pegajosa y Fija — Paquete de Aprendizaje (Sticky & Fixed Position — Learning Bundle) is used now. Definition: Este paquete de aprendizaje compara dos valores de posición de CSS. sticky permanece en el flujo normal hasta que alcanza un punto establecido en su contenedor de desplazamiento. fixed se coloca contra un bloque contenedor de posición fija. El paquete no es un único término de 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.