javascript - 如何创建一个网页，具有固定的背景图像，顶部的 div 滚动，但也平滑地滚动底部固定的 bg 图像？

Question

我有这样一个页面；

<div class="bg">
  <div class="top">q</div>
  <div class="top">w</div>
  <div class="top">e</div>
  <div class="top">r</div>
  <div class="top">t</div>
  <div class="top">y</div>
</div>

分区bg有一个固定的背景，所以它会保持原样。 top s 没有 bg 图片，但有些有纯 bg 颜色。它们的固定宽度为 100%，高度为 400px。由于有些没有bd颜色，底部bg的图像是可见的。但我想要 bg图片滚动，比top的速度慢

这是一个页面，让您知道我正在努力完成的事情。 <强> JPL Home 。在此页面中，您可以看到底部图像滚动，而我们向下滚动时，顶部图层 div s，但比他们慢。我怎样才能做到这一点？这是单独的 HTML + CSS，还是在任何 JS 库的帮助下？

Answer 1

有一些不错的 jquery 插件适合你，像这样: http://ianlunn.co.uk/plugins/jquery-parallax/