Скрипт добавления класса при прокрутке?

Question

[Messi]

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

Comments

[Alexander]

без js тут не обойтись.

[Messi]

Alexander Kim: серьезно?

[Alexander]

Максим: Серьезно

Answer 1

[Дмитрий]

jsfiddle.net/mekwall/up4nu

Answer 2

[Grigruss]

https://jsfiddle.net/grigruss/byhst41L/

Comments

[Дмитрий]

А если все блоки разной высоты?)

[Grigruss]

Дмитрий: тогда...

if($(this).offset().top>=$(window).scrollTop() && $(this).offset().top<$(window).scrollTop()+$(this).width())

[Дмитрий]

Григорий: угу)

[Grigruss]

нет. Вот так:

if($(this).offset().top>=$(window).scrollTop() && $(this).offset().top<$(window).scrollTop()+$(this).height())