【jQuery】特定の要素に差し掛かった時点でクラスの追加

Question

【実現したい内容】
jQueryで特定のHTML要素にさしかかった時点で任意のクラスを追加したい

【例】例えば、下記HTMLにて、このようなアクションを実行できたらと考えております。

・画面上部が.twoに差し掛かった時点で、新たなクラス.two-redを追加
・画面上部が.threeに差し掛かった時点で、新たなクラス.three-blueを追加
・画面上部が.fourに差し掛かった時点で、新たなクラス.four-greenを追加
・画面上部が.fiveに差し掛かった時点で、新たなクラス.five-pinkを追加

<section class="one">
　　　...
</section>
<section class="two">
　　　...
</section>
<section class="three">
　　　...
</section>
<section class="four">
　　　...
</section>
<section class="five">
　　　...
</section>

実装方法や参考となるリンク（調べても見当たらなかった）が分かる方いましたら、ぜひご教授いただけると幸いです。

Answer 1

$(window).scrollTop();で現在のスクロールのY座標、
$('.hoge').offset().top;でページ内での要素のY座標を取れるので
それを使ってクラスを付与したり外したり、そんな感じです

Answer 2

下記URLを参考に、
スクロールした時に、スクロール位置を取得する方法で可能かと思います。
http://black-flag.net/jquery/20100607-1138.html