jQuery/scrollTop()

解説

垂直位置を取得、指定

sample1

sample1code

$(function(){
  $("#s1Btn").on("click", function(){
  	var s1 = $(window).scrollTop();
  	console.log(s1);
  });
});

sample2code

$(function(){
  $("#s2Btn").click(function(){
    $("html, body").scrollTop(0);
  });

  $("#s3Btn").click(function(){
    $("html, body").animate({
      	scrollTop: 0
    }, 1000);
  });

  var head = $("#header").offset().top;
  $("#s4Btn").click(function(){
    $("html, body").animate({
    	scrollTop: head
    }, 1000);
  });
});

sample3

menu1
menu2
menu3
menu4
menu5

menu1
menu2
menu3
menu4
menu5

sample3code

$(window).scroll(function(){
  var s3Ul = $("#s3Ul").offset().top;
  if($(this).scrollTop() > s3Ul){
  	$("#s3Ul02").slideDown(100);
  } else {
  	$("#s3Ul02").slideUp(0);
  }
});