jQuery 要素がスクロールインした時に処理をする場合

jQuery Javascriptで要素がスクロールインした時に処理をする場合

要素がスクロールインで実行させるためのコード

アニメーションの処理を加えたい時に、見える範囲になったら実行させたい場合等は下記のように書きます。

$(window).scroll(function () { 
if (isScrolledIntoView($('#element')) == true) { 
 $('#element').css("background", "#000");
   } else { 
$('#element').css("background", "#fff");
 }
 });

上記の場合は、スクロールして表示領域になったら、idelementという要素の背景が、#000になります。
表示領域ではない場合は#fffになっています。

#elementを任意のIDに割り当て、cssの部分を適宜変更します。