jQuery .offset setting y value

Question

I am a newbie to jQuery. Could someone answer this please?

I know I will set layer1 to the position of layer2 with the following line of code.

$("#layer1").offset($("#layer2").offset());

How can I just set the y-value? I'm not sure about that.

Thanks

Answer 1

The jQuery documentation for .offest() reads:

.offset() returns an object containing the properties top and left.

Knowing this, you can accomplish the following:

var offset = $("#layer2").offset();
$("#layer1").css({
    'top' : offset.top,
    'left': offset.left
});  

Or, you can set them individually, per your requirement.

$("#layer1").css('top', offset.top);  // or...
$("#layer1").css('left', offset.left);

Finally, since you only need a single value (top), offset is overkill; it's more expensive than you need. Use the following, optimized snippet instead.

var top = $('#layer2').css('top');
$('#layer1').css('top', top);