Анимация вертикальной линии напротив текста при сролле

[mrtdiesel]

Нужно как тут http://idzikovsky.ru/index.html#uslugi в разделе услуги
Ромбики и анимация линии при прокрутке между ними.
Уверен что просто, но я в js не понимаю. При наведении на элемент в инспекторе браузера - не вижу полосу, а то бы выковырил.
Подскажите как сделать или выковырить.

[j0hnik]

Содрать просто!
Открываете в браузере панель вебмастера у меня в опере ctrl+shift+i
скролите и смотрите что включается в js, щелкаете на элемент смотрите стили. берете нужное и копируете себе на сайт! =)

[mrtdiesel]

Можно по подробнее, куда смотреть в инспекторе что включается в js?
На элемент щелкнуть могу, хотя ромбик стилями не сложно нарисовать. Но на линию не могу щелкнуть.

[рони]

mrtdiesel,
когда элемент в зоне видимости ему присваивается класс
анимации -- иначе класс снимается.
сделано на основе плагина waypoints

[mrtdiesel]

рони,
Спасибо, я примерно так и представляю про появление и исчезание класса, но в инспекторе я не вижу его в видимой части.
Как нибудь я сделаю анимацию при скролле, уже приходилось.

Помогите пожалуйста просто вертикальную линию анимировать.

[рони]

mrtdiesel,
вне зоны видимости

<div class="grpelem hideAnimation" id="u2161" animation="animate barDown d4"><!-- simple frame --></div>

в зоне видимости убрали/добавили классы

<div class="grpelem animate barDown d4 showAnimation" id="u2161" animation="animate barDown d4"><!-- simple frame --></div>

css
transition: all .5s ease;
из transform: scaleY(0); в transform: scaleY(1);
из opacity: 0; в opacity: 1;
вот и вся анимация