Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.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-Jquery中_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 获取div位置并将一些像素添加到一些div-Jquery中

Javascript 获取div位置并将一些像素添加到一些div-Jquery中,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想获得.top类div的当前top位置,然后我必须在.bottom内联样式中添加一些20px+.top 例如:如果.top具有top:200px必须将.bottom更改为top:220px funition(){ 变量位置=$('.top').offset(); $('.bottom').css(位置)+20px; } .parent { 位置:相对位置; } .孩子 { 位置:绝对位置; } .顶 { 顶部:100px; 右:0px; } .底部 { 右:0px; } 顶 底部 这可能会

我想获得
.top
类div的当前top位置,然后我必须在
.bottom
内联样式中添加一些20px+.top

例如:如果
.top
具有
top:200px
必须将
.bottom
更改为
top:220px

funition(){
变量位置=$('.top').offset();
$('.bottom').css(位置)+20px;
}
.parent
{
位置:相对位置;
}
.孩子
{
位置:绝对位置;
}
.顶
{
顶部:100px;
右:0px;
}
.底部
{
右:0px;
}

顶
底部

这可能会完成以下工作:

var topPosition = $('.top').offset().top;
$('.bottom').css('top',(topPosition+20)+'px');

您可以为此使用以下代码段

$( '.bottom' ).css( 'top', $('.top').css('top'));
$( '.bottom' ).css( 'top', '+=20px' );
$( '.bottom' ).css( 'top', $('.top').css('top'));
$( '.bottom' ).css( 'top', '+=20px' );