jQuery Javascriptで要素がスクロールインした時に処理をする場合
要素がスクロールインで実行させるためのコード
アニメーションの処理を加えたい時に、見える範囲になったら実行させたい場合等は下記のように書きます。
$(window).scroll(function () { if (isScrolledIntoView($('#element')) == true) { $('#element').css("background", "#000"); } else { $('#element').css("background", "#fff"); } });
上記の場合は、スクロールして表示領域になったら、id
がelement
という要素の背景が、#000
になります。
表示領域ではない場合は#fff
になっています。
#element
を任意のIDに割り当て、cssの部分を適宜変更します。