2014-12-29 3 views
2

Согласно документации wow.js я могу установить смещение дна, при котором анимация будет вызывать:Wow.js смещения равна высоте элемента

wow = new WOW(
    { 
     boxClass:  'wow',  // default 
     animateClass: 'animated', // default 
     offset:  0,   // < --------------- This one 
     mobile:  true,  // default 
     live:   true  // default 
    } 
) 
    wow.init(); 

У меня есть .foo контейнер <div class="foo wow fadeIn"></div> Я хочу, чтобы анимировать, когда его дно попадает в нижнюю часть области просмотра, то есть полностью на моем экране. Поэтому я предполагаю, что смещение должно быть равно высоте элемента .foo. Есть ли способ указать это в настройках wow.js выше?

ответ

4

Поскольку смещение дна может быть определен с data-wow-offset attrubute я пришел с этим решением:

$(".wow").each(function() { 
    var wowHeight = $(this).height(); 
    $(this).attr("data-wow-offset", wowHeight); 
}); 

Надеется, что это поможет кому-то. Также я был бы рад узнать о более элегантном решении.

Смежные вопросы