第一个 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
?
最佳答案
jQuery1 提供 .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在问题中。
关于javascript - 如何将一个div放在另一个div的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15104538/