Публикации по теме 'intersection-observer'
Intersection Observer — Лучший способ анимировать ваш сайт при прокрутке в Angular
Благодаря этой жемчужине API большая часть работы выполняется за вас, когда вы пытаетесь вычислить положение вашего элемента при прокрутке страницы, что позволяет вам запечатлеть этот момент и выбрать анимацию по мере необходимости.
HTML
Давайте начнем с определения наших трех разделов нашего веб-сайта, как вы это обычно делаете. Вот мой пример:
<section class="section" id="about">
<h1>About</h1>
</section>
<section..
Вопросы по теме 'intersection-observer'
Один IntercctionObserver для наблюдения за множеством элементов или один IntercctionObserver для каждого элемента
У нас есть несколько CustomElements на нашей странице, и у некоторых из них есть IntersectionObserver относительно наблюдающего за ними окна просмотра. Это число может увеличиваться, поскольку дизайнеру нравится анимация пересечений.
Приведет ли...
1701 просмотров
schedule
02.03.2022
Intersection Observer не работает с диалоговым окном jQuery UI
Это связано с Обозреватель пересечения не работает с целью с положение: фиксированное
но моя проблема в том, что наблюдатель пересечения не срабатывает на элементе с position: absolute. У меня есть диалог пользовательского интерфейса jQuery, и...
1293 просмотров
schedule
23.08.2022
Intersection Observer дважды запускает обратный вызов на ngAfterViewInit
Я попытался отложить загрузку изображений с помощью Intersection Observable в моем приложении angular 7. Я вызвал Intersection Observable из ловушки жизненного цикла ngAfterViewInit. Но когда я загружаю приложение, обратный вызов вызывается дважды:...
1104 просмотров
schedule
04.09.2023
Справочная ошибка: не удается найти переменную: IntersectionObserver
Я пытаюсь использовать IntersectionObserver в приложении cordova 8.0.0, которое работает на ios 13. Когда я проверяю свое приложение через safari, я вижу ошибку при инициализации:
ReferenceError: Can't find variable: IntersectionObserver
Это...
3963 просмотров
schedule
04.10.2022
API-интерфейс Intersection Observer не работает со скрытыми элементами
Я пытаюсь увидеть скрытый элемент. У меня есть элемент со стилем display: none . Я хочу, чтобы при пересечении моего элемента он выполнил мое действие, например: воспроизвести видео. Я делюсь своим образцом кода ниже
var options = {threshold:...
1534 просмотров
schedule
09.09.2022
Наблюдатель пересечений с отложенной загрузкой
я хочу добиться такого поведения из этого примера с изображениями https://codepen.io/ryanfinni/pen/jONBEdX . Единственная разница заключается в том, что вместо переключения видимости img для каждого div, который он находится в поле зрения, я хочу...
180 просмотров
schedule
08.11.2023
Нацеливание на цель в API наблюдателя пересечений
Я все еще пытаюсь подружиться с Javascript, так же как и с API Intersection Observer. У меня есть три целевых элемента, которые отслеживают их видимость в окне просмотра устройства:
let $target_1 = section1.querySelector('.about-me');
let...
45 просмотров
schedule
21.05.2022
IntersectionObserver не работает на маленьких экранах для длинных разделов JS
Этот скрипт выдает активный класс для активного раздела. Недавно заметил, что перестает работать на маленьких экранах. Еще в консоли разработчика в хроме начну увеличивать размер экрана и он появится, как только начну уменьшать сразу перестанет...
270 просмотров
schedule
18.08.2023