Javascript-форум (https://javascript.ru/forum/)
-   Angular.js (https://javascript.ru/forum/angular/)
-   -   Запуск анимации при попадении компонента в вьюпорт. Angular 2 (https://javascript.ru/forum/angular/67087-zapusk-animacii-pri-popadenii-komponenta-v-vyuport-angular-2-a.html)

Art.Wolynski 28.01.2017 10:04

Запуск анимации при попадении компонента в вьюпорт. Angular 2
 
Стоит задача - запустить анимацию, когда пользователь скролит до нужного элемента. Проблема в том, чтобы подключить необходимую библитеку в приложение, построенное на angular 2.

На данный момент самым реальным показалось подключениеng2-scrollmate. https://www.npmjs.com/package/ng2-scrollimate Однако библиотека при подключении выдает следующую ошибку: ERROR in Ng2ScrollimateModule is not an NgModule

Буду рад, если кто нибудь подскажет способ решения проблемы или альтернативную библиотеку.:help:

Всем заранее спасибо.

destus 28.01.2017 10:48

Art.Wolynski,
Да тут вообще без плагина можно, а создать свою директиву, которая будет слушать обычное DOM событие и изменять состояние элемента, для запуска анимации.

Без кода сложно что-то сказать.

Art.Wolynski 28.01.2017 12:28

В итоге да, обошелся небольшим скриптом в 5 строчек, который отслеживает, не попал ли элемент во вьюпорт.


Часовой пояс GMT +3, время: 15:06.