Sticky & Fixed Position — Learning Bundle
점착성 및 고정 위치 — 학습 번들
이 학습 번들은 두 가지 CSS 위치 값을 비교합니다. sticky는 스크롤 컨테이너에서 설정된 지점에 도달할 때까지 정상 흐름에 머뭅니다. fixed는 고정 위치를 가진 컨테이닝 블록에 놓입니다. 이 번들은 하나의 CSS 용어가 아닙니다.
다른 예시
표 헤더는 자기 스크롤 영역의 맨 위에 고정돼. 지원 버튼은 화면 모서리에 고정돼.
주요 부분
- 01Outer constraint
- 02Content and spacing model
- 03Computed size or reflow result
사용할 때
포함 블록과 스크롤 동작이 필요한 결과에 맞는 값을 선택하세요.
다음 경우에는 사용하지 마세요
콘텐츠를 절대로 가리지 마세요. 안전 영역과 키보드 포커스를 화면에 유지하세요.
코드에서 사용된 이름
position: sticky | fixed 출시하기 전에
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 점착성 및 고정 위치 — 학습 번들 (Sticky & Fixed Position — Learning Bundle)。 User context：표 헤더는 자기 스크롤 영역의 맨 위에 고정돼. 지원 버튼은 화면 모서리에 고정돼. Learning bundle to unpack：점착성 및 고정 위치 — 학습 번들 (Sticky & Fixed Position — Learning Bundle)。 Canonical members：고정 위치 (Sticky Position)、위치 수정 (Fixed Position) Why this comparison helps：포함 블록과 스크롤 동작이 필요한 결과에 맞는 값을 선택하세요. Do not treat the bundle as one pattern when：콘텐츠를 절대로 가리지 마세요. 안전 영역과 키보드 포커스를 화면에 유지하세요. 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)：이것은 규범적인 표준이 아닙니다. 이름, 한계 및 예상 동작은 출처마다 달라질 수 있습니다. Unknowns to confirm: Target platform, decision setting, limits, and evidence needed to use, combine, or leave out members.
이 요청을 확인하세요
Review how 점착성 및 고정 위치 — 학습 번들 (Sticky & Fixed Position — Learning Bundle) is used now. Definition: 이 학습 번들은 두 가지 CSS 위치 값을 비교합니다. sticky는 스크롤 컨테이너에서 설정된 지점에 도달할 때까지 정상 흐름에 머뭅니다. fixed는 고정 위치를 가진 컨테이닝 블록에 놓입니다. 이 번들은 하나의 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.