jQuery/offset()

座標を設定

$(".samplebox").offset({top:500, left:150});

$(function(){
  $("#sample2Btn").click(function(){
    var pos = $("span").offset();
    var posLeft = pos.left;
    var posTop = pos.top;
    alert("left:"+ posLeft +"  top:"+ posTop);
   });
});

$(function(){;
  $("*", document.body).click(function(e) {
    var offset = $(this).offset();
    e.stopPropagation();
    $("#sample3Div").text(this.tagName + " " +
      "offset ( " + offset.left + ", " + offset.top + " )");
  });
});
	

$(function(){
	var s4Obj01 = new Object;
	s4Obj01.left = 200;
	s4Obj01.top = 2000;
	
	var s4Obj02 = new Object;
	s4Obj02.left = 100;
	s4Obj02.top = 2050;
	
	var s4Obj03 = new Object;
	s4Obj03.left = 400;
	s4Obj03.top = 2100;
	
	var s4Obj04 = new Object;
	s4Obj04.left = 300;
	s4Obj04.top = 2150;
	
  $("#s4Btn").click(function(){
  	$("#s4Box01").offset(s4Obj01);
  	$("#s4Box02").offset(s4Obj02);
  	$("#s4Box03").offset(s4Obj03);
  	$("#s4Box04").offset(s4Obj04);
  });
});
	

• menu1
• menu2
• menu3
• menu4
• menu5

• menu1
• menu2
• menu3
• menu4
• menu5

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