Spec-Zone.ru › Web APIs

SnapEvent: SnapEvent() конструктор

Ограниченная доступность

Эта функция не является Baseline, так как она не работает в некоторых из наиболее широко используемых браузеров.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

Экспериментальный: Это экспериментальная технология
Перед использованием в производстве внимательно ознакомьтесь с таблицей совместимости браузеров.

Конструктор SnapEvent() создает новый экземпляр объекта SnapEvent.

Синтаксис

new SnapEvent(type, init)

Параметры

type

Строка, представляющая тип события. Для событий scrollsnapchanging это scrollsnapchanging. Для событий scrollsnapchange это scrollsnapchange.

init

Объект, содержащий следующие свойства:

snapTargetBlock Необязательно

Возвращает ссылку на элемент, к которому был произведён сдвиг по блочной оси в момент срабатывания события, или null если скроллинг по блочной оси не производился, поэтому к нему не был произведён сдвиг.

snapTargetInline Необязательно

Возвращает ссылку на элемент, к которому был произведён сдвиг по линейной оси в момент срабатывания события, или null если скроллинг по линейной оси не производился, поэтому к нему не был произведён сдвиг.

Примеры

Разработчик не должен использовать этот конструктор вручную. Новый объект SnapEvent создаётся, когда вызывается обработчик в результате срабатывания событий scrollsnapchanging или scrollsnapchange.

Например:

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

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

Спецификации

Спецификация
CSS Scroll Snap Модуль Уровень 2
# dom-snapevent-snapevent

Совместимость браузеров

Рабочие Столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox for Android Opera Android Safari на IOS Samsung Internet WebView Android
SnapEvent 129 129 Нет 115 Нет 129 Нет 86 Нет Нет 129

См. также

  • scrollsnapchanging событие
  • scrollsnapchange событие
  • CSS модуль скроллинг с привязкой
  • События привязки скроллинга на developer.chrome.com (2024)

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SnapEvent/SnapEvent

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API