SnapEvent: свойство snapTargetBlock

Чтение-только свойство snapTargetBlock интерфейса SnapEvent возвращает ссылку на элемент, к которому производится привязка по оси блока (block direction) во время срабатывания события.

Конкретно:

• В случае события scrollsnapchanging это относится к целевому элементу, выбранному для привязки по оси блока (block direction), который еще будет выбран по окончании текущего жеста прокрутки.
• В случае события scrollsnapchange это относится к недавно выбранному целевому элементу для привязки по оси блока (block direction).

Значения свойств, доступные для SnapEvent, напрямую соответствуют значению свойства CSS scroll-snap-type, заданного для контейнера прокрутки. snapTargetBlock возвращает ссылку на элемент только если ось привязки указана как block (или физическое значение оси, которое эквивалентно block в текущем режиме написания) или both.

Объект Node, представляющий привязанный элемент, или null если привязка к прокрутке происходит только по оси inline, а по оси блока (block direction) привязки нет.

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

См. основную страницу SnapEvent для кратких примеров и наше руководство Использование событий привязки к прокрутке для полных примеров и объяснений.

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