Scroll 1.2.0

Steuere Scrollverhalten und Scroll-Snapping. English: Scroll

Reifegrad: In VelinStyle 1.2.0 als stable dokumentiert. Studio und die vollständige Utility Engine bleiben geplant — ausgelieferte Utilities sind unter @layer utilities von Hand geschrieben, kein vollständiger Variantengenerator.

Wann verwenden

Passe Scroll-Snap, sanftes Scrollen und Scroll-Padding für seiteninterne Navigation an.

Wann nicht

Respektiere Reduced-Motion-Präferenzen bei sanftem Scrollen.

Verhalten

.velin-scroll-smooth, .velin-scroll-auto (respektiert reduzierte Bewegung)

Snap

Container: .velin-snap-x, .velin-snap-y, .velin-snap-x-proximity

Elemente: .velin-snap-start, .velin-snap-center, .velin-snap-end, .velin-snap-always

Padding: .velin-scroll-pt-4, .velin-scroll-pt-8, .velin-scroll-pt-16

Overscroll

.velin-overscroll-contain, .velin-overscroll-none, .velin-overscroll-auto

Scroll-Margin & -Padding

Anker-Offset für fixe Header: scroll-margin-top Utilities und scroll-padding-* auf Scroll-Containern (siehe generated/utilities/scroll.md).

Scroll-gesteuerte Animation

0.9.0 adds scroll-animation utilities — pair with scroll-gesteuerten Animationen.