Stoppen Sie eine horizontale Scrollleiste, die unter jedem Tab-Schalter blinkt

Fixkamo-internal
Verschifft
6. September 2026 um 06:47 UTC
Autor
Kamo
Ausschuss
e2363c8

Jede Registerkarte und Sub-Tab-Änderung im Interaction Center gleitet die eingehende Pane in von x: 12 (die Registerkarten des Panels) oder x: 10 (die Terminals Werkbanken). A transform zählt zum scrollbaren Überlauf eines Elements, also für die 160ms eines Elements die die Palette schieben wirklich ein Dutzend Pixel breiter als die Box, die es hält. Diese Box war ein horizontaler Scroll-Container, den niemand geschrieben hat: CSS berechnet overflow-x: sichtbar, um automatisch den Moment der anderen Achse ist nicht sichtbar, so "overflowY: 'auto'" für sich stellt leise nach beiden Stäben. Das Dutzend Pixel waren gemessen als scrollbare Breite und eine volle Breite wurde entlang der Unterseite gemalt der Liste für die Länge der Animation, dann wieder entfernt. Diese Fenster sind Listen - es gibt nichts auf dem rechten von ihnen zu scrollen, um auf einer der vier Tabs - so dass jeder Scroller jetzt beide Achsen. versteckt auch nimmt der Container aus der Reichweite des Overlays vollständig (es zieht nur für Auto, Scroll und Overlay), was die anderen Arten abdeckt, wie ein Kind seitlich überläuft: Mitgliederreihen-Hut-Aktionen parken bei translateX(6px), und popLayout absolut Positionen, die Abschnitte auf ihrer Vorlaufbreite verlassen. Verifiziert in einem echten Browser gegen eine Sonde der Form des Panels: vor, ein Tab Schalter maß 12px von scrollbaren Breite und zeichnete eine Bar auf dem Pane-Scroller; nach, die 12px ist immer noch da und keine Bar wird gezeichnet. jsdom hat keine Scrollbalken und macht kein Layout, so dass die Wache neben oneScrollbar.test.ts ist Source-Level, wie sein Geschwisterchen.

Alle Änderungen

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen