Javascript Detect是jQuery中父容器底部的子容器

我有如下HTML：

<div class="cont">
<!-- some elements -->
    <div class="child fixed">Child</div>
</div>

我想当有人滚动并且child位于

cont

的底部时，删除

fixed

类

如何在滚动（

document

scroll）上检测某个元素位于某个父元素的底部（我的意思是当

子元素的底部与其父元素
cont
处于相同位置时）

编辑
@这不是“如何检查是不是最后一个孩子”的问题。
有时候你不需要JS。这就是我要做的，使用CSS
position:sticky
-如果我正确地回答了你的问题（和问题）


*{边距：0；框大小：边框框；}
正文{边框：10px虚线#000；}
#页脚{背景：#0fb；高度：150vh；}
#续{背景：#0bf；高度：200vh；}
#儿童{背景：#f0b；身高：20vh；
位置：粘性；
排名：0；
}

儿童修复。。。。神奇的
内容。。。
页脚
删除
固定类时的可能重复
应该发生什么？我的意思是如果向后滚动会重新分配
类
。任何澄清都会很有帮助。什么意思是某个元素位于某个父元素的底部？我已经看到了，您删除了一个固定的类，然后您会困惑地想为什么整个页面跳转会突然中断并增加高度。这至少是我从问题和你提供的代码中得到的。创建一个简单的例子，并准确地解释你想要什么。因为简单地使一个元素不固定就像要求更多的问题。似乎你有一个问题。或者这是你的解决方案这就是我说你好的意思，谢谢你的解决方案。它真的很优雅，我会使用它（不是很好的支持，在这种情况下没关系）。
$(document).scroll(function(e) { ... }