Jquery 如何计算标题在另一个div顶部的顶部距离？

我正试图让我的标题“站在另一个div的顶端”，以获得下面的结果。 使用position absolute是可能的，但为了使其响应，我需要检查所有断点并将位置设置为“硬编码”（我不知道您是否这样说），但是通过更改字体大小等。这看起来并不干净。 难道没有一种方法可以用jQuery计算这个距离吗

当我试图弄明白这一点时，我考虑过测量横幅的高度。横幅用jQuery变暗，但我有到这个div底部的距离，我需要到标题顶部的距离。 所以它应该是类似于：“黑旗的高度”-“标题的高度”。 但我真的不知道该怎么做：）

我的小提琴：

.banner暗{
高度：200px；
宽度：100%；
背景色：暗灰色；
}
.白色物品{
背景色：白色；
高度：200px；
宽度：100%；
}
h1{
字体大小：50px；
颜色：白色；
位置：绝对位置；
顶部：128px；
左：100px；
}

特殊标题

我想你在找这样的东西

---

我想你在找这样的东西

---

你不能只使用bottom:0吗？类似于

var dark=$（“.banner dark”）.height（）和
var article=$（“.article white”）.height（）底部：0，将标题放置在正文底部。不是分区的底部。对，我现在看到，如果将父分区设置为“相对”，并使用与文本相同的高度，您应该非常接近所需的高度，只需几个像素，不需要jquery@AdamBuchanTransmisth是的，这将给出两个分区的高度，但如何计算顶部距离来设置标题？现在我已经手动将其设置为（top:128px；）了，您是否可以只使用bottom:0？类似于
var dark=$（“.banner dark”）.height（）和
var article=$（“.article white”）.height（）底部：0，将标题放置在正文底部。不是分区的底部。对，我现在看到，如果将父分区设置为“相对”，并使用与文本相同的高度，您应该非常接近所需的高度，只需几个像素，不需要jquery@AdamBuchanTransmisth是的，这将给出两个分区的高度，但如何计算顶部距离来设置标题？现在我已经手动将其设置为（top:128px；）Thx Adam。这或多或少是我需要的：）谢谢亚当。这或多或少是我需要的：）
$( document ).ready(function() {
    /* get height of .title */
    var title = $(".title").height(); 

    /* get height of .article-white*/
    var article = $(".article-white").height();

    /* calculate distance */
    var new_height = article - title;

    /* apply to css */
    $('h1').css('top', new_height);  
});