Подскажите пожалуйста, куда мне копать, что бы понять как сделать

мне это точно подойдет?) у меня вот такой компонент есть, на цифрах стоит анимация подсчета от 1 до текущих значений Мне нужно что бы эта анимация запускалась когда пользователь в первый раз видит этот блок) И желательно максимально просто )

0

17.05.2021

Alex Inkin

Артур
мне это точно подойдет?) у меня вот такой компоне...

Да, должно подойти и довольно просто, как раз. Сейчас стекблиц накидаю. У тебя там вся страница скроллится?

0

17.05.2021

Alex Inkin

Артур
мне это точно подойдет?) у меня вот такой компоне...

А, хотя тебя поддержка браузеров не устроит, наверное: https://caniuse.com/intersectionobserver

0

17.05.2021

Артур Автор вопроса

Alex Inkin
А, хотя тебя поддержка браузеров не устроит, навер...

наверное да, на счет поддержки браузеров задач никаких не ставили

0

17.05.2021

Alex Inkin

Артур
наверное да, на счет поддержки браузеров задач ник...

Ну, на всякий случай, использовать это очень просто и сам Intersection Observer API был задуман как раз для таких случаев. Вот пример использования: https://stackblitz.com/edit/ng-web-apis-intersection-observer

0

17.05.2021

Артур Автор вопроса

Alex Inkin
Ну, на всякий случай, использовать это очень прост...

да, действительно не сложно на первый взгляд, спасибо большое за пример и в целом)

0

17.05.2021

Артур Автор вопроса

Alex Inkin
Ну, на всякий случай, использовать это очень прост...

а *ngIf тут можно использовать?

0

17.05.2021

Alex Inkin

Артур
а *ngIf тут можно использовать?

Да, на внутренних элементах, например, так же от этого boolean. Но сам верхний элемент, на котором ты слушаешь пересечения должен быть в DOM. Если тебе надо что-то другое — то тут уже слушай скролл и считай пиксели 😉

0

17.05.2021

Артур Автор вопроса

Alex Inkin
Да, на внутренних элементах, например, так же от э...

супер, все отлично работает, еще раз большое спасибо)

0

17.05.2021

Ivan Cherniakøv

Alex Inkin
Ну, на всякий случай, использовать это очень прост...

А есть вариант заставить его работать с тем, что в innerHTML?

0

17.05.2021

Alex Inkin

Ivan Cherniakøv
А есть вариант заставить его работать с тем, что в...

Не понял, что ты хочешь :) Это микробиблиотека для декларативного использования нативного Intersection Observer API через директивы. Оно умеет то, что умеет API и больше ничего.

0

17.05.2021

Ivan Cherniakøv

Alex Inkin
Не понял, что ты хочешь :) Это микробиблиотека для...

Да задача стандартная. Текст поста попадает в innerHTML, а рядом висит содержание поста. Собственно при прокрутке нужно заставить подсвечиваться соответствующий пункт.\

0

17.05.2021

Rustam Mukhametshin

Alex Inkin
Ну, на всякий случай, использовать это очень прост...

Привет, классная вещь, спасибо

0

17.05.2021