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' );