Как поменять класс элемента если он покидает видимую область стр
 

Подскажите пож-та, как поменять класс, когда элемент покидает видимую область страницы?
Сейчас понял как поменять при прокрутке на определенное кол-во пикселей, но так как элементов много, то этот способ не работает;
:cray: :cray: :cray:

https://jsfiddle.net/eq948/14/

Возможно как то так нужно делать - но не работает((
https://jsfiddle.net/eq948/16/

mitrich38, например, так: https://jsfiddle.net/eq948/17/

Супер, спасибо!
а как сделать " //тут можно изменить блок обратно, если он появился"?

mitrich38, $(this).removeClass('класс'), например

Спасибо!!!!

а вот а что обратил внимание, эта функция работает только если элемент покидает сверху, а если прокрутить вниз то не работает

if(scroll > ($(this).offset().bottom + $(this).height())) {
так?

mitrich38, https://jsfiddle.net/eq948/18/

Спасибо!!! То что нужно!

А вот попробовал этот способ прикрутить к ProgressBar.js - не работатет
http://jsfiddle.net/a1osxLdj/32/

Подскажите, где ошибся?
Опыт у меня совсем маленький, прошу понять и простить)))

В параметре для контейнера передается идентификатор элемента, а не класс.
http://progressbarjs.readthedocs.io/...tainer-options

Без разницы(( добавил атр и не работает, хотя сам атр добавляется
http://jsfiddle.net/a1osxLdj/34/

И еще вопрос, сам атр/класс добавляется только при скроле, а если элемент уже на экране но пока не скролишь он остается с прежним атр/класс, видимо тут поможет это решение, но не уверен что оно корректное
http://jsfiddle.net/a1osxLdj/35/