angular / angular/components

Virtual Scroll Scroll Snap

Offen
#16,741 2 Kommentare 15 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
area: cdk/scrolling feature P4
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

#### Feature Description

I would like to use scroll snapping in a horzintal virtual scrolled list. Therefore I would like to use the platforms CSS attribute: `scroll-snap-type`

#### Use Case

Imagine a horizontal list of cards. While scrolling the User is interested in only one Item. For aesthetics he wants this item to be in the middle of his screen. Thats where Scroll snapping would be really handy.

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, die Angular-Komponente für virtual-scroll und ihr horizontales Scrollverhalten zu lokalisieren, und prüfe anschließend, ob bereits Komponententests für das Scrollen vorhanden sind. Ermittle, wie CSS scroll-snap-type auf eine horizontal virtualisierte Liste angewendet werden sollte, und definiere als abgeschlossen, dass das Einrasten zuverlässig funktioniert und die aktive Karte zentriert hält, ohne die Virtualisierung zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, css, typescript
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.