SnapEvent: SnapEvent() Konstruktor

Syntax

new SnapEvent(type, init)

Parameter

type

Ein String, der den Typ des Ereignisses repräsentiert. Für scrollsnapchanging-Ereignisse ist dies scrollsnapchanging. Für scrollsnapchange-Ereignisse ist dies scrollsnapchange.

init

Ein Objekt, das die folgenden Eigenschaften enthält:

snapTargetBlock Optional

Gibt eine Referenz auf das Element zurück, zu dem im Block-Richtung gesprungen wurde, als das Ereignis ausgelöst wurde, oder null, wenn das Scroll-Snapping nur in der Inline-Richtung erfolgt, sodass kein Element in der Block-Richtung angesprungen wird.

snapTargetInline Optional

Gibt eine Referenz auf das Element zurück, zu dem in der Inline-Richtung gesprungen wurde, als das Ereignis ausgelöst wurde, oder null, wenn das Scroll-Snapping nur in der Block-Richtung erfolgt, sodass kein Element in der Inline-Richtung angesprungen wird.

Beispiele

Ein Entwickler würde diesen Konstruktor nicht manuell verwenden. Ein neues SnapEvent-Objekt wird erstellt, wenn ein Handler als Ergebnis des scrollsnapchanging oder scrollsnapchange-Ereignisses aufgerufen wird.

Zum Beispiel:

mainElem.addEventListener("scrollsnapchange", (event) => {
  // …

  // Log a SnapEvent object instance to the console
  console.log(event);
});

Spezifikationen

Browser-Kompatibilität

Siehe auch

• scrollsnapchanging-Ereignis
• scrollsnapchange-Ereignis
• CSS scroll snap module
• Scroll Snap Events auf developer.chrome.com (2024)