Как подружить два плагина jQuery: fullPage и viewportChecker?

Question

[Сергей Горячев]

Всем доброго времени суток!
На сайте webirus.ru подключено 2 плагина: fullPage и viewportChecker.
В идеале должно быть так:

1. Открывается сайт
2. Срабатывает анимация в первом слайде
3. Если человек прокручивает вниз, срабатывает анимация во втором слайде
4. Когда первый слайд скрылся из виду, анимация засыпает
5. После возвращения на слайд 1, снова срабатывает

Но у меня почему-то сейчас косяк в том, что анимация всех слайдов срабатывает при загрузке страницы и не повторяется при скроллинге.
Анимация подключена на 1-2 слайдах, на тексте только.

Answer 1

[Сергей Горячев]

Решение нашлось средствами одного плагина fullPage.

'onLeave': function(index, nextIndex, direction){
			if (index == 1) {
				jQuery('.titleblock2').addClass("visible animated zoomIn");
			}
		}

Answer 2

[Plutonium_239]

Сергей - у меня такая же ситуация, только второй плагин по мимо fullpage - это эмерджи (для плавной загрузки блоков), Ильи Бирмана. Как мне заставить анимацию срабатывать только при появлении страницы в поле зрения.

Суть твоего решения в чем?

Можно ли сделать, что бы при работе fullpage работал как бы обычный скроллинг (тогда будет и эмерджи работать)

Comments

[Сергей Горячев]

Нужно заключить выполнение скрипта второго в onLeave.
Это событие после загрузки слайда.

[Plutonium_239]

Правильно я понимаю, titleblock2 - слайд, на котором должен добавится класс visible animated zoomIn -?

[Сергей Горячев]

Plutonium_239: нет, это блок, для которого выполняется анимация. То есть после загрузки страницы с ID 1 = if (index == 1) для titleblock добавляются классы от animate.css.

[Сергей Горячев]

Plutonium_239: titleblock2 - это один из блоков в на слайде с ID 1.

[Plutonium_239]

Просто мне к блоку, который в слайде нужно не только класс добавить, но и data-expose="true" data-hold="1000"

[Сергей Горячев]

Plutonium_239: ПРоще прописать data сразу в верстке, а через JS заменить значения, после загрузки слайда. Например поменять false на true, а 0 на 1000. Тогда все получится логично.

[Plutonium_239]

id я должен задать сам? или они автоматом считаются по порядку от 0 - правильно?

а не подскажешь, как у data поменять значение? Я к сожалению только начинаю свой путь в JS и пока плохо понимаю, как это все работает.

Благодарен за ответы!

[Сергей Горячев]

Plutonium_239: ID вроде с 1, но лучше проверить, уже не помню.
А на счет даты, вот вам полезная ссылка - habrahabr.ru/post/139210