Описание тега intersection-observer
Javascript IntersectionObserver - это API для поиска пересечений элементов DOM.
1
ответ
Различные обратные вызовы для разных целей с помощью Intersection Observer API
Я использую API Intersection Observer на сайте. Для каждого случая его использования я использую один и тот же конфиг (основной видовой экран). Моя проблема в том, что мне нужно, чтобы при срабатывании обратного вызова происходили разные вещи. Для н…
22 сен '18 в 19:12
1
ответ
Свойство IntersectionObserver isIntersect никогда не будет ложным, если порог больше 0
Если я настрою threshold значение чего-либо больше 0, isIntersecting никогда не возвращает false, когда цель покидает область просмотра. Однако, если я оставлю порог по умолчанию на 0, isIntersecting вернет false, когда цель покинет область просмотр…
17 фев '18 в 02:04
0
ответов
Intersection Observer неправильно обрабатывает пороговые значения
Я использую IntersectionObserver для отложенной загрузки изображений. Работает в основном нормально, кроме одной вещи. При установке нескольких пороговых значений все значения, кроме одного, игнорируются. Я хочу загрузить изображения, как только они…
30 ноя '18 в 18:07
0
ответов
Обозреватель пересечений не работает в FF
У меня есть этот кусок кода, который я использую для отложенной загрузки изображений: https://jsfiddle.net/uf9Ldptw/ //Link rel preload const createPreloadLink = (href, listener) => { const link = document.createElement('link'); //meta tag link l…
07 ноя '18 в 15:40
0
ответов
IntersectionObserver Polyfill в iFrame (Safari, IE11)
У меня есть приложение, которое создает iFrame, в этом iFrame мне нужно наблюдать, стал ли элемент видимым. IntersectionObserver не поддерживается в IE или Safari, поэтому я вынужден использовать polyfill: https://github.com/w3c/IntersectionObserver…
20 дек '18 в 16:51
0
ответов
Оптимизация размеров пакета для изображений с ленивой загрузкой и наблюдателем пересечения
Я создаю галерею, которая отображает большое количество бесконечно прокручиваемых изображений. Я использую api обозревателя пересечения, чтобы лениво загружать элементы тега изображения, когда их контейнеры делятся в окне просмотра. В конце списка т…
28 дек '18 в 06:04
0
ответов
intersectionObserver - мой слайд останавливается, чтобы двигаться, когда блок опций достигает одной из границ контейнера
Я пытаюсь создать наблюдатель пересечения, позволяющий моему пользовательскому интерфейсу останавливать переход слайдов, когда первый или последний блок, включенный в параметр контейнера, достигает границ контейнера. Следовательно, слайд всегда запо…
15 фев '19 в 18:33
1
ответ
Значение порогов наблюдателя пересечения не работает
Опция Thresholds в Intersection Observer, похоже, не работает. Чтобы получить больше контекста, мои элементы списка отображаются в окне просмотра, и я хочу, чтобы каждый элемент наблюдал на обозревателе пересечения области просмотра. Дело в том, что…
17 фев '19 в 18:48
1
ответ
Попытка затемнить изображения, когда они загружаются ниже папки
Я использую IntersectionObserver заменить изначально загруженное изображение другим, когда исходное изображение попадает в область просмотра пользователя. Я хочу, чтобы изображение исчезло, в отличие от прямой замены. Я попытался добавить загрузчик …
30 ноя '18 в 08:21
3
ответа
Один и тот же наблюдатель пересечения для нескольких элементов HTML
Я пытаюсь сделать так, чтобы некоторые текстовые элементы перестали перекрывать темный фон, они будут индивидуально менять цвет один за другим по мере прокрутки пользователем. Все текстовые элементы position: fixed РЕДАКТИРОВАТЬ: MDN документы говор…
25 фев '19 в 12:46
0
ответов
Наблюдатель пересечения rootBound дает неверное значение
У меня есть контейнер прокрутки, где дети прокручивают в вертикальном направлении. В нем много мелких элементов. Высота моего контейнера прокрутки составляет 100vh. Моя задача - наблюдать за ними, как только они достигают 100 пикселей ниже верхней г…
01 мар '19 в 19:57
3
ответа
Intersection Observer, когда элемент покидает область просмотра
Есть ли способ определить, покидает ли элемент область просмотра с помощью Intersection Observers? Например, у меня есть элемент на экране, который я хочу вызвать обратный вызов, когда верхняя часть элемента достигает верхней части области просмотра…
14 ноя '18 в 18:12
1
ответ
Выбор нескольких элементов с помощью Quel Selector Alll - JavaScript
У меня есть intersectionObserver на поле, которое меняет цвет, когда он входит в область просмотра, которая все работает нормально. Я пытаюсь применить это к нескольким полям, хотя, и когда я изменяю getElementsById в querySelectorAll (строка 13 JS)…
12 мар '18 в 17:12
1
ответ
Вызовите обратный вызов IntersectionObserver снова после того, как он обнаружил элемент?
Я наблюдаю за сообщениями и отслеживаю эти наблюдения, используя временные метки сообщений. Для этих наблюдений есть важное условие: временная метка отслеживания не должна обновляться, если на странице нет активности клиента (курсор не перемещается …
24 дек '17 в 15:17
0
ответов
Обновление Force IntersectionObserver
Есть ли способ заставить обновление / запуск IntersectionObserver пример? Обратный вызов будет выполнен по умолчанию, когда область просмотра изменилась. Но я ищу способ выполнить его, когда происходят другие события, например, смена элементов. Прим…
18 июл '18 в 13:07
0
ответов
API IntesectionObserver не запускает событие при горизонтальной прокрутке на маленьком экране
При горизонтальном расположении элементов (с горизонтальной полосой прокрутки) и прокрутке влево / вправо API-интерфейс IntersectionObserver не всегда вызывает событие, когда наблюдаемый элемент попадает в область просмотра. Это происходит на мобиль…
29 май '18 в 13:36
1
ответ
API наблюдателя пересечения и переполнение скрыты
Я хочу загружать ленивые изображения, когда я действительно могу видеть изображения. Итак, я использовал API наблюдателя пересечения. Вроде нормально работает Но overflow : hidden похоже, не работает с API пересечения "Не работает" означает DOM в ov…
28 ноя '18 в 06:59
1
ответ
Метод IntersectionObserver не работает - JavaScript
У меня есть div, который я хочу изменить цвет, когда он прокручивается в область просмотра, и я пытаюсь добиться этого с помощью нового метода intersectionObserver. Я установил свои параметры в обратном вызове config, но я не могу заставить наблюдат…
07 фев '18 в 14:02
1
ответ
Обнаружение создания объекта для одной функции JavaScript (intersectionObserver)
Есть ли способ хранения встроенного метода javascript в переменной, чтобы задать другое поведение, когда этот метод недоступен в определенных браузерах? Мой конкретный случай касается intersectionObserver, который недоступен в Safari или более стары…
14 фев '18 в 18:05
0
ответов
Intersection Observer: вызывать функцию только один раз для каждого элемента
Я использую Intersection Observer API для отслеживания видимости нескольких элементов на веб-странице. Когда элемент становится видимым, функция callback() должно быть выполнено. Ограничение: для каждого элемента функция может быть выполнена только …
08 дек '18 в 16:22