
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の部分を適宜変更します。
