Javascript 使div的内容表现为固定的背景

我试图创造一种类似于以下效果的效果：

背景附件：固定
但是，我希望将此影响应用于div中包含的所有元素，而不仅仅是背景

当你向下滚动时，div将在屏幕上向上移动，但是它的内容会被显示出来，其中一些内容会隐藏在溢出中

<div class="parent"> <!--- will move on scroll. Overflow hidden. --->
    <div class="child"></div><!--- won't move on scroll --->
    <div class="child"></div><!--- won't move on scroll --->
</div>



理想情况下，这将是一个HTML和CSS解决方案，但我可以使用JavaScript扩展到一些jQuery或DOM调用。请记住，我想在一个页面上多次使用此效果，因此需要相对简洁


抱歉，如果这个问题已经被问到了，但我发现很难描述，所以可能我在搜索中使用了不正确的关键字。对于如何更好地表达这个问题的任何建议，我们将不胜感激。
您是否尝试确定DIV的位置：

<style type="text/css">

#mydiv{
position: fixed;
left: 10px;
top: 50px;
}

</style>

<div id="mydiv">
Some content here
</div>


#mydiv{
位置：固定；
左：10px；
顶部：50px；
}
这里有一些内容

这可能是您需要的。
您的第一段显示在问题页面上，因此最好确保它确实包含了您问题的主要部分，而不是为您的提问而道歉。我已经为你把它移到了最后。
位置：fixed
（或
absolute
），可能还有
z-index
。谢谢你的回答。我希望父div移动，所以不是固定位置。但是我希望子元素在父div中保持静态或固定。在另一个固定的div中使用一个div。。。它可以达到你想要的效果。