jQuery.offset()을 사용하여 위치를 가져오고 설정합니다.

jQuery.offset()을 사용하여 위치를 가져오고 설정합니다.

jQuery를 사용하여 요소의 위치를 가져오고 설정하는 방법.offset방법?

내게 디브가 있다고 치자.layer1그 외의layer2어떻게 하면 의 위치를 얻을 수 있습니까?layer1그리고 같은 위치를 설정합니다.layer2?

//Get
var p = $("#elementId");
var offset = p.offset();

//set
$("#secondElementId").offset({ top: offset.top, left: offset.left});

다른 옵션을 추천합니다.jQuery UI에는 요소를 서로 상대적으로 배치할 수 있는 새로운 위치 기능이 있습니다.전체 설명서 및 데모는 http://jqueryui.com/demos/position/ #option-module을 참조하십시오.

위치 기능을 사용하여 요소를 배치하는 한 가지 방법은 다음과 같습니다.

var options = {
    "my": "top left",
    "at": "top left",
    "of": ".layer1"
};
$(".layer2").position(options);

할 수 있지만 사용하는 것을 알아야 합니다.offset()문서를 기준으로 요소의 위치를 설정합니다.

$('.layer1').offset( $('.layer2').offset() );

여기 옵션이 있습니다.이것은 x 좌표만을 위한 것입니다.

var div1Pos = $("#div1").offset();
var div1X = div1Pos.left;
$('#div2').css({left: div1X});

var redBox = $(".post");

var greenBox = $(".post1");

var offset = redBox.offset();

$(".post1").css({'left': +offset.left});
$(".post1").html("Left :" +offset.left);

http://jsfiddle.net/va836/159/

언급URL : https://stackoverflow.com/questions/4613261/get-and-set-position-with-jquery-offset