Здравствуйте! Помогите переделать этот код:
$('.item').waypoint(function() {
var CSStransforms = anime({
targets: this.element,
translateY: [100],
easing: "easeOutSine",
duration: 100,
delay: (el, i) => 700 + 0 * i
});
}, {
offset: '100%'
});
Суть в том что анимация срабатывает когда элемент входит в поле зрения с низу страницы, и за кода offset: '100%'.
Если перезагружать страницу в конце, тогда все анимации выше срабатывают сразу.
Нужно что бы они срабатывали когда входят в поле зрения в независимости с какой стороны!
Искал в документаций, но так и не нашел как сделать. Вот плагин:
http://imakewebthings.com/waypoints/
Спасибо!
