CSS scroll-snap-stop-Eigenschaft

Definition und Verwendung

Während eines schnellen Wischens auf dem Trackpad oder dem Touchscreenscroll-snap-stop Eigenschaft wird verwendet, um zu bestimmen, ob die Scrollung direkt über dieElemente springt oder stoppt und an das nächste Element angezogen wird.

Um das Verhalten der Stopperstellung der Scrolladsorption zu steuern, muss dieEigenschaft im Kindenelement festgelegt werden scroll-snap-stop und scroll-snap-align Eigenschaft, und gleichzeitig im übergeordneten Element scroll-snap-type Eigenschaft.

Hinweis: Um die Eigenschaft zu erleben, müssen Sie auf einem Gerät mit Trackpad oderTouchscreen Wischgesten verwenden. scroll-snap-stop Wirkung der Eigenschaft.

Beispiel

Während eines schnellen Wischens auf dem Trackpad oder dem Touchscreen wird dieScrollung gezwungen, an dem nächsten Element zu stoppen, anstatt direkt über das Element zu springen:

div {
  scroll-snap-stop: always;
}

Probieren Sie es selbst aus

CSS-Syntax

scroll-snap-stop: normal|always|initial|inherit;

Eigenschaftswert

Wert Beschreibung
normal Standardwert. Nach einem schnellen Wischen auf dem Trackpad oder dem Touchscreen wird dieScrollung allmählich verlangsamt und mehrere Elemente übersprungen.
always Nach einem schnellen Wischen auf dem Trackpad oder dem Touchscreen wird dieScrollung gestoppt und der nächste Element in den Fokus gezogen.
initial Setzen Sie diese Eigenschaft auf ihren Standardwert. Siehe: initial.
inherit Diese Eigenschaft wird von seinem übergeordneten Element geerbt. Siehe: inherit.

Technische Details

Standardwert: normal
Vererbbarkeit: Nein
Animationserstellung: Nicht unterstützt. Siehe:Animationseigenschaften.
Version: CSS3
JavaScript-Syntax: object.style.scrollSnapStop="always"

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die Versionsnummer des ersten Browsers dar, der diese Eigenschaft vollständig unterstützt.

Chrome Edge Firefox Safari Opera
75.0 79.0 103.0 15.0 62.0

Verwandte Seiten

Referenz:CSS scroll-snap-align-Eigenschaft

Referenz:CSS scroll-snap-type-Eigenschaft