javascript - 如何将一个div放在另一个div的顶部

Question

第一个 div 是 '#icon-selection-menu' 栏，它的空闲位置是 absolute top:0px 和 左:0px。所以它出现在内容 div 内的左上角。

在内容 div 子项的深处，我得到了其他 div，它们实际上是一种“.emoticon-button”。他们的位置在 parent 内部是相对的。在单击此类按钮时，我想将第一个 div 放置在按钮上方，将其底部边框调整为按钮的顶部边框。

如何获取 top 和 left 值来设置 $('#icon-selection-menu').top 和 $('#icon-selection-menu').left ?

Answer 1

jQuery¹ 提供 .offset() 获取任何元素相对于文档的位置。自 #icon-selection-menu已经相对于文档定位，你可以使用这个:

var destination = $('.emoticon-button').offset();
$('#icon-selection-menu').css({top: destination.top, left: destination.left});

$('#icon-selection-menu')将放置在 $('.emoticon-button') 的左上角.

_{(1) 由于使用 $ 假定 jQuery在问题中。}