Sticky & Fixed Position — Learning Bundle
This learning bundle compares two CSS position values. sticky stays in normal flow until it reaches a set point in its scroll container. fixed is placed against a fixed-positioning containing block. The bundle is not one CSS term.
Another example
A table header stays at the top of its own scroller. A support button stays fixed in a viewport corner.
Main parts
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Use it when
Choose the value whose containing block and scroll behavior fit the needed result.
Do not use it when
Never cover content. Keep safe areas and keyboard focus in view.
Name used in code
position: sticky | fixed Before you ship
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: Use Sticky & Fixed Position — Learning Bundle to compare its member concepts. Keep their boundaries clear, then decide which members apply and which can work together. User context: A table header stays at the top of its own scroller. A support button stays fixed in a viewport corner. Learning bundle to unpack: Sticky & Fixed Position — Learning Bundle. Canonical members: Sticky Position, Fixed Position Why this comparison helps: Choose the value whose containing block and scroll behavior fit the needed result. Do not treat the bundle as one pattern when: Never cover content. Keep safe areas and keyboard focus in view. 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): This is not a normative standard. Its name, limits, and expected behavior can change from one source to another. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Check this request
Review the current use of Sticky & Fixed Position — Learning Bundle. Definition: This learning bundle compares two CSS position values. sticky stays in normal flow until it reaches a set point in its scroll container. fixed is placed against a fixed-positioning containing block. The bundle is not one CSS term. 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, report the evidence you found, gaps, severity, and the smallest safe fix.