Sticky & Fixed Position — Learning Bundle
Posição Pegajosa & Fixa — Pacote de Aprendizagem
Este pacote de aprendizado compara dois valores de posição do CSS. sticky permanece no fluxo normal até atingir um ponto definido em seu contêiner de rolagem. fixed é colocado em relação a um bloco contêiner de posição fixa. O pacote não é um termo de CSS.
Outro exemplo
O cabeçalho de uma tabela fica no topo de seu próprio scroller. Um botão de suporte fica fixo no canto da tela.
Partes principais
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
Use-o quando
Escolha o valor cujo bloco recipiente e comportamento de rolagem se encaixam no resultado que você precisa.
Não o use quando
Nunca cubra o conteúdo. Mantenha as áreas seguras e o foco do teclado visíveis.
Nome usado no código
position: sticky | fixed Antes de lançar
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 Posição Pegajosa & Fixa — Pacote de Aprendizagem (Sticky & Fixed Position — Learning Bundle). User context: O cabeçalho de uma tabela fica no topo de seu próprio scroller. Um botão de suporte fica fixo no canto da tela. Learning bundle to unpack: Posição Pegajosa & Fixa — Pacote de Aprendizagem (Sticky & Fixed Position — Learning Bundle). Canonical members: Posição fixa (Sticky Position), Posição corrigida (Fixed Position) Why this comparison helps: Escolha o valor cujo bloco recipiente e comportamento de rolagem se encaixam no resultado que você precisa. Do not treat the bundle as one pattern when: Nunca cubra o conteúdo. Mantenha as áreas seguras e o foco do teclado visíveis. 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): Isto não é um padrão normativo. Seu nome, limites e comportamento esperado podem mudar de uma fonte para outra. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
Conferir este pedido
Review how Posição Pegajosa & Fixa — Pacote de Aprendizagem (Sticky & Fixed Position — Learning Bundle) is used now. Definition: Este pacote de aprendizado compara dois valores de posição do CSS. sticky permanece no fluxo normal até atingir um ponto definido em seu contêiner de rolagem. fixed é colocado em relação a um bloco contêiner de posição fixa. O pacote não é um termo 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.