使div的内容表现得像固定的背景

Question

我正在尝试创建一个类似于以下效果的效果： background-attachment:fixed; 但是，我想将此效果应用于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调用。请记住，我想在一个页面上多次使用此效果，因此需要相对简洁。

如果已经问过这个问题，我很抱歉，但我发现很难描述，或许我在搜索中使用了错误的关键字。如何更好地表达这个问题的任何建议将不胜感激。

Answer 1

你是否试图确定DIV的位置：

<style type="text/css">

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

</style>

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

可能是你需要的。