Fixed Position
Position korrigiert
CSS-Fixed-Positionierung platziert eine Box relativ zu einem festen Container, normalerweise dem Browserfenster. Die Box bleibt normalerweise an ihrem Platz, während das Dokument gescrollt wird.
Ein weiteres Beispiel
Eine wegklickbare Notfallsteuerung bleibt innerhalb des sicheren Bereichs eines Telefonbildschirms. Sie bleibt beim Scrollen erreichbar, ohne fokussierten Inhalt oder die Bildschirmtastatur zu überdecken. Ein transformiertes übergeordnetes Element kann ändern, an welchem Bereich sie fixiert ist.
Hauptteile
- 01enthaltenen Block behoben
- 02Viewport-Einfügung
- 03Überlappungsmanagement
Verwenden Sie es, wenn
Verwenden Sie diesen Begriff sparsam für Fenster-Level-Steuerungen oder Oberflächen, die wirklich an einem Ort bleiben müssen.
Nutze es nicht, wenn
Verwenden Sie keine feste Benutzeroberfläche, die Inhalte verbirgt, Bereiche unzugänglich macht oder sich mit ihrem Abschnitt bewegen sollte.
In Code verwendeter Name
position: fixed; inset: … Vor dem Ausliefern
Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience.
Outcome: Complete the task with Position korrigiert (Fixed Position). User context: Eine wegklickbare Notfallsteuerung bleibt innerhalb des sicheren Bereichs eines Telefonbildschirms. Sie bleibt beim Scrollen erreichbar, ohne fokussierten Inhalt oder die Bildschirmtastatur zu überdecken. Ein transformiertes übergeordnetes Element kann ändern, an welchem Bereich sie fixiert ist. Design concept to apply: Position korrigiert (Fixed Position). Why it fits: Verwenden Sie diesen Begriff sparsam für Fenster-Level-Steuerungen oder Oberflächen, die wirklich an einem Ort bleiben müssen. Do not use it when: Verwenden Sie keine feste Benutzeroberfläche, die Inhalte verbirgt, Bereiche unzugänglich macht oder sich mit ihrem Abschnitt bewegen sollte. Design requirements: Set the content order, shared design values, and reusable components. Define how the layout changes by screen size and state. Keep useful design choices separate from decoration. Inclusion and resilience: Check contrast, zoom, languages, themes, and reduced motion when needed. Do not use color or effects as the only way to show meaning. Acceptance criteria: The design stays clear on phones and desktops, at zoom, in every theme, and in all supported languages. Interactive states stay clear and consistent. Evidence and limits (evidence boundary): Ein formelles Dokument kann trotzdem ein Entwurf, ein Release Candidate oder die finale Version sein. Prüfe seinen Status und die Browser- oder Plattform-Unterstützung. Unknowns to confirm: Brand limits, amount of content, supported themes and languages, target devices, and design-system rules.
Diese Anfrage prüfen
Review how Position korrigiert (Fixed Position) is used now. Definition: CSS-Fixed-Positionierung platziert eine Box relativ zu einem festen Container, normalerweise dem Browserfenster. Die Box bleibt normalerweise an ihrem Platz, während das Dokument gescrollt wird. Release checks: Check content order, shared design values, component consistency, contrast, zoom, and layout changes by screen size. Verify every theme, language, and state. If there is motion, offer an equal reduced-motion experience. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.