Javascript 有没有办法获得相对于vewport底部的元素位置？

我特别寻找这个（因为环境的原因，它只能这样做），我需要得到div底部相对于视口底部的距离（比如20px意味着div的底部比视口底部高20px，负值表示用户必须滚动到div底部的距离）

更新：

请不要用jquery

这是一张可能更好理解的照片

---

通过将顶部位置添加到高度，然后从窗口的底部值中减去元素的底部值，获取要监视的元素和窗口（视口）的底部位置

var foo=document.getElementById（'foo'）；
addEventListener（'scroll'，function（）{
var fooTop=foo.offsetTop，
fooHeight=foo.offsetHeight，
Fooottom=脚面+FoooHeight，
st=window.scrollY，
wh=窗内高度，
wb=st+wh，
距离=wb-底部；
控制台日志（距离）；
})

部分{
最小高度：100vh；
}
#福{
背景：红色；
}

请发布您的工作代码或您尝试过的代码。如果我有，我会发布。我想不出任何方法。您能发布一张您正在寻找的图像吗？@scoopzilla将尝试。请给我一点时间来绘制草图it@scoopzilla这是你上传的图片：）哦，对不起，我忘了提到没有Jquery，请：（谢谢，伙计，这正是我需要的：）@TheTruth word up！np:）