Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在同一偏移顶部对齐div,而不是在另一偏移顶部对齐div_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 在同一偏移顶部对齐div,而不是在另一偏移顶部对齐div

Javascript 在同一偏移顶部对齐div,而不是在另一偏移顶部对齐div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的问题很简单。我有一个div1,它有一个变量offset()。top取决于页面的其他元素。我想在它旁边插入一个absolutediv(基本上使用相同的absolutetop),可以使用css,也可以使用javascript HTML看起来像 <div> <div id="div2">stuff</div> </div> <div> <div>some divs</div> <div i

我的问题很简单。我有一个
div1
,它有一个变量
offset()。top
取决于页面的其他元素。我想在它旁边插入一个
absolute
div(基本上使用相同的absolute
top
),可以使用css,也可以使用javascript

HTML看起来像

<div>
   <div id="div2">stuff</div>
</div>
<div>
   <div>some divs</div>
   <div id="div1">div1 stuff </div>
</div>

东西
一些div
第一组的东西


东西
一些div
第一组的东西


东西
一些div
第一组的东西

因为在注释中,您说要在将
div2
插入DOM后放置它,所以您可以尝试以下操作:

$('#div2').css('top', $('#div1').offset().top - $('#div2').offset().top)

因为在注释中,您说要在将
div2
插入DOM后放置它,所以您可以尝试以下操作:

$('#div2').css('top', $('#div1').offset().top - $('#div2').offset().top)

为什么不能用与
div1
相同的方式分配偏移量。一些代码可能很有用。为div1添加相对包装器。@Turnip div1已经存在于页面中,我稍后将在页面中插入div2。当我做一些类似于
$('.fr_down').css('top',$('extra final').offset().top)
的事情时,它会比它应该做的低很多。当它第一次插入
DOM
回调时,你的
div2
是否有一个首字母
top
。我插入它时没有指定顶部偏移量,而且它总是插入在同一个位置。为什么不能以与
div1
相同的方式指定偏移量。一些代码可能很有用。为div1添加相对包装器。@Turnip div1已经存在于页面中,我稍后将在页面中插入div2。当我做一些类似于
$('.fr_down').css('top',$('extra final').offset().top)
的事情时,它会比它应该做的低很多。当它第一次插入
DOM
回调时,你的
div2
是否有一个首字母
top
。我插入它时没有指定顶部偏移量,而且它总是插入在同一个位置。即使将父div添加到div1和div2?是的,我尝试了先使用div2,然后使用div1,反之亦然,但即使将父div添加到div1和div2,也没有正确放置它们?是的,我尝试了先使用div2,然后使用div1,反之亦然,但它没有正确地放置它们
$('#div2').css('top', $('#div1').offset().top - $('#div2').offset().top)