WOW JS Не работать с одной страницы свитком

Question

я использую этот плагин: http://www.thepetedesign.com/demos/onepage_scroll_demo.html

Каждый раз, когда вы изменяете слайд, я хотел бы сделать, чтобы все элементы каждой секции одной анимации с помощью этого плагина: https://github.com/matthieua/WOW

Другие времена я использовал WOW JS и он прекрасно работает, но это комбо WOW JS + OnePage SCROLL не работает ..

только первый элемент работы, другой слайд не показывать правильно.

У кого-то есть идея?

Благодаря

Answer 1

Как отметил @Burimi, OnePage прокрутки фактически не прокручивать сайт, но вместо этого используется свойство translate3d в контейнере плагина.

Я хотел бы призвать вас использовать fullPage.js вместо этого, который решает эту проблему, добавив опцию scrollBar:true, как вы можете видеть в this example, обеспечивая, а также лучший пользовательский опыт, сохраняя полосу прокрутки.

Как объяснены в fullPage.js FAQs:

Параллакс, , а также множество других плагин, которые зависят от прокрутки сайта, прослушивает свойство scrollTop в JavaScript. fullPage.js фактически не прокручивает сайт, но он изменяет верхнее или translate3d свойство сайта. Только при использовании параметра fullPage.js scrollBar: true или autoScrolling: false он фактически прокручивает сайт так, как он доступен для свойства scrollTop.

Если вы не хотите использовать опцию scrollBar, вы все еще можете использовать обратные вызовы, такие как afterLoad или onLeave подробные in the docs.

Кроме того, fullPage.js обеспечивает совместимость со старыми браузерами, такими как IE> 7, Opera 12 ... и предоставляет дополнительные возможности, которые могут быть весьма полезными.

Answer 2

Это потому, что OnePage Scroll плагин не вызывает нормальный браузер прокрутки, так что вы должны использовать afterMove событие OnePage Scroll для запуска WOW анимаций.

$(".main").onepage_scroll({ 
    afterMove : function(index){ 
     var this_slide = $(".main").eq(index); 
     //you can perform a manual animation of this_slide, so check out the WOW Documentation 
    } 
});