【js】特定の位置に来たらCSSを動作させる

質問

jsの実装について質問です。

画面中部の特定のdivまでスクロールしたら、そのdivにかかっているcssを動作させたいのですが、どのように記述すれば良いのでしょうか。

例：divの背景を赤に変える。
→初期の段階では背景色は白だが、任意のdivまでスクロールすると背景を赤に変える

初歩的な質問ですがよろしくお願い致します。

回答No.1

AsarKingChang

どこまで、JSをかけるかわからない投稿なので、
ヒントだけ、書いておきます。
１．スクロール位置を検出します。
２．思ってる位置になったら、addCSSでスタイルシートを追加。
　　または、CSSメソッドとそのものをダイレクト書き換え
　　（この場合その、階層のみに反映されます）

だけで、OKです。
どうしてもわからないなら、再度質問をお願いします。
サンプル込みで、回答しますので！