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

Question

我正在尝试创建类似于以下内容的效果:background-attachment:fixed;但是，我想将这种影响应用于 div 中包含的所有元素，而不仅仅是背景。

当您向下滚动时，div 将在屏幕上移动，但它的内容(其中一些隐藏在 overflow 中)将会出现。

<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>

这可能是您需要的。