Как определить видимость элемента (z-index, fixed, opacity и т. Д.) (Альтернатива Intersection Observer V2) - PullRequest
0 голосов
/ 03 июля 2019

Intersection Observer V2 представит новые функции для определения фактической видимости на основе таких факторов, как непрозрачность, z-индекс и фиксированное позиционирование.

Информация: https://developers.google.com/web/updates/2019/02/intersectionobserver-v2

Вопрос: существует ли альтернатива или полифилл для определения фактической видимости, которая работает в текущих браузерах?

Тест: https://jsfiddle.net/v3kgewhf/

// Intersection Observer V2
const observer = new IntersectionObserver((changes) => {
  for (const change of changes) {
    // ⚠️ Feature detection
    if (typeof change.isVisible === 'undefined') {
      // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.
      change.isVisible = true;
    }
    if (change.isIntersecting && change.isVisible) {
      visibleSince = change.time;
    } else {
      visibleSince = 0;
    }
  }
}, {
  threshold: [1.0],
  // ? Track the actual visibility of the element
  trackVisibility: true,
  // ? Set a minimum delay between notifications
  delay: 100
}));```
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...