Повторная анимация при скролле (velocity.js и waypoints.js )?

Question

[Имя Фамилия]

При прокрутке страницы вниз анимация срабатывает, добавляется класс word

waypoints.js

var waypoint = new Waypoint({
  element: document.getElementById('mov2'),
 
  handler: function(dir) {
	if (dir === 'down') $('#mov2').addClass('word').removeClass('words');
	else $('#mov2').removeClass('word').addClass('words').width();
  },
  offset: '80%'
}) 
var waypoint = new Waypoint({
  element: document.getElementById('mov2'),
  
  handler: function(dir) {
	if (dir === 'down') $('#mov2').addClass('words').removeClass('word');
	else $('#mov2').removeClass('words').addClass('word');
  },
  offset: '-20%'
})

теперь при прокрутке вверх убирается класс word и добавляется класс words, но анимация words не срабатывается

velocity.js

$('.word')
 .velocity('transition.perspectiveLeftIn')  ;
$('.words')    
 .velocity('transition.perspectiveLeftOut');

В чем может быть проблема?