Javascript 设置两个分区（两个类）之间的距离相同

在这里我无法获得新的价值，也无法获得新的价值。在这种情况下，我想使两个div之间的距离为-10

这是怎么可能的

即

$（'.div-1'）.offset（）.top-$（'.div-2'）.offset（）.top

设置为-10

$(".test-button").on("click",function(){

     $(".div-2").css("margin-top","new-value");
       continue.......

}); 

---

可能吗

您可以尝试以下方法：

var distance_new=$（'.div-1'）.offset（）.top-$（'.div-2'）.offset（）.top；
控制台日志（新距离）；
$（“.test按钮”）。在（“单击”，函数（）{
$（“.div-2”）.css（“页边距顶部”，距离新+$（“.div-1”）.outerHeight（）+“px”）；
log（$（'.div-1'）.offset（）.top-$（'.div-2'）.offset（）.top）；
})

*{
框大小：边框框；
}
.div-1{
填充：10px；
利润率：20px0；
}
.div-2{
填充：10px；
利润率：30px0；
}
.空间{
高度：10px；
}

测试1
测试2
测试3
测试4
测试5
测试6

$(".test-button").on("click",function(){

     $(".div-2").css("margin-top","new-value");
       continue.......

}); 

$('.div-1').offset().top - $('.div-1').offset().top =-10;