FullPage.js и своя анимация Help!!!

Сделать анимацию на CSS и прописывать / убирать элементам нужный класс?

Разобраться с animate.css?

Кто ж его знает - что вы там вообще делаете ))

Я не использую готовые варианты animate.css

так как отдельных примеров полно в интернете, на базе которых можно сделать..

Я сейчас специально залила вариант базовый FullPage.js вот сюда http://test-proba.ru/

Это мой домен для разных проб..

1,2,3 Секции - анимация это базовая от FullPage

далее в секциях 5,6 я просто ее повторяю для проверки работы..

А вот в Секции 4 - рисование линии

И в Секции 5 - сменяющиеся цифры

- это вот то, что я вставила (вставила сейчас прям в html, чтобы видно было сразу)

Обе эти мои анимации (просто для примера) так вот они запускаются сразу, так что пока к ним спустишься они уже отыгрывают.. - это первое. (То есть если обновить страницу прям на секции 4 или 5, их видно.)

Так вот, в базовых анимациях FullPage эти эффекты, как вы видите, работают только когда становятся в зоне видимости, причем как вверх (при скролинге) так и вниз, и срабатывают от начала и до конца - 1 раз, но ВСЯКИЙ раз как заново скролишь.

Вопрос, как мне сделать, чтобы и моя анимация, которую я буду вставлять (на базе моих примеров) также срабатывала

1. Только когда становилась в зоне видимости

2. По циклам - 1 раз

3. Но всякий раз при скролинге в любом направлении.

Спасибо!

Я бы сделал так, как и написал в 1 сообщении:

https://github.com/alvarotrigo/fullPage.js#callbacks

вызывай свою анимацию тогда, когда нужный слайд становится активным