jQuery/scroll()

解説

ドキュメントスクロール時のアクション
scroll(func)

sample1

---

sample1code

$(function(){
  $(window).scroll(function(){
	$("#sample1div").text($(this).scrollTop());
  });
});

sample2 sample2Span---

sample2code

$(function(){
  $(window).scroll(function(){
  	$("#sample2Span").css({
  		display: "inline",
  		color: "#459bdc"
  		})
  		.text("スクロール中")
  		.fadeOut("slow");
  });
});

sample3

s3Div

s3p

sample3code

$(function(){
  $(window).scroll(function(){
  	if($(this).scrollTop() > $("#s3Div").offset().top){
  	  $("#s3Div").fadeIn(3000);
  	  $("#s3p").animate({
  		marginLeft: "50px"
  	  }, 2000);
  	}
  });
});