Sticky & Fixed Position — Learning Bundle
Posizione appiccicosa e fissata — Pacchetto di apprendimento
Questo pacchetto di apprendimento confronta due valori di posizione CSS. sticky rimane nel flusso normale finché non raggiunge un punto stabilito nel suo contenitore di scorrimento. fixed è posizionato rispetto a un blocco contenitore con posizione fissa. Il pacchetto non rappresenta un singolo termine CSS.
Un altro esempio
L'intestazione di una tabella resta in alto nel suo scroller. Un pulsante di supporto resta fisso in un angolo della finestra.
Parti principali
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Usalo quando
Scegli il valore il cui blocco contenitore e comportamento di scorrimento si adattano al risultato desiderato.
Non usarlo quando
Non coprire mai i contenuti. Mantieni le aree sicure e il focus della tastiera visibili.
Nome usato nel codice
position: sticky | fixed Prima di spedire
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 Posizione appiccicosa e fissata — Pacchetto di apprendimento (Sticky & Fixed Position — Learning Bundle). User context: L'intestazione di una tabella resta in alto nel suo scroller. Un pulsante di supporto resta fisso in un angolo della finestra. Learning bundle to unpack: Posizione appiccicosa e fissata — Pacchetto di apprendimento (Sticky & Fixed Position — Learning Bundle). Canonical members: Posizione sticky (Sticky Position), Posizione corretta (Fixed Position) Why this comparison helps: Scegli il valore il cui blocco contenitore e comportamento di scorrimento si adattano al risultato desiderato. Do not treat the bundle as one pattern when: Non coprire mai i contenuti. Mantieni le aree sicure e il focus della tastiera visibili. 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): Questo non è uno standard normativo. Il suo nome, limiti e comportamento previsto possono cambiare da una fonte all'altra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Controlla questa richiesta
Review how Posizione appiccicosa e fissata — Pacchetto di apprendimento (Sticky & Fixed Position — Learning Bundle) is used now. Definition: Questo pacchetto di apprendimento confronta due valori di posizione CSS. sticky rimane nel flusso normale finché non raggiunge un punto stabilito nel suo contenitore di scorrimento. fixed è posizionato rispetto a un blocco contenitore con posizione fissa. Il pacchetto non rappresenta un singolo termine 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.