jquery - HTML/CSS - 位于元素顶部的动画背景

Question

我正在通过向设计中添加其他功能来试验响应式模板。

我正在尝试向导航添加动画视差背景。

http://www.stopcry.in/test/

背景由 3 个 div 组成，并由一些 jQuery 补充。在此链接中，背景 div 放置在“侧边栏”div 之外，看起来有些正确 - 当您向下滚动时，图像会缩短。

当将 div 放入“侧边栏” div 时，它完全占主导地位，侧边栏的元素消失，同时将徽标留在视图中，我无法弄清楚为什么会被挑出来？

http://www.stopcry.in/test/index2.html

Answer 1

尝试更改position:absolute为position:fixed. 请注意，虽然背景不再随页面滚动，但它至少会留在正确的位置而不是切断。

如果您需要它与页面一起滚动，您可以尝试将其高度设置为页面的高度（确保在调整窗口大小时更新它），而不是我在第一段中所说的，但请注意，可能如果你这样做，会有些紧张。