Spec-Zone.ru › Web APIs

IntersectionObserverEntry: свойство isIntersecting

Базовая поддержка Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с марта 2019 года.

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

Чтение только свойство IntersectionObserverEntry интерфейса имеет значение типа Boolean и равно true, если целевой элемент пересекается с корнем наблюдателя пересечений. Если это true, то IntersectionObserverEntry описывает переход в состояние пересечения; если это false, то вы знаете, что переход происходит из состояния пересечения в состояние непересечения.

Значение

Булево значение, указывающее, перешёл ли элемент target в состояние пересечения (true) или вышел из состояния пересечения (false).

Примеры

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

function intersectionCallback(entries) {
  entries.forEach((entry) => {
    if (entry.isIntersecting) {
      intersectingCount += 1;
    } else {
      intersectingCount -= 1;
    }
  });
}

Чтобы увидеть более конкретный пример, ознакомьтесь с Обработка изменений пересечения.

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

Спецификация
Intersection Observer
# dom-intersectionobserverentry-isintersecting

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
isIntersecting 58 16 55 45 12.1 58 55 43 12.2 7.0 58

© 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/IntersectionObserverEntry/isIntersecting

Spec-Zone.ru

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