Изменить Waypoints
 

Здравствуйте! Помогите переделать этот код:

$('.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/

Спасибо!