SnapEvent: свойство snapTargetInline

Чтение-только свойство snapTargetInline интерфейса SnapEvent возвращает ссылку на элемент, к которому происходило привязывание по горизонтали во время срабатывания события.

Конкретно:

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

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

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

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

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

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