如何使用固定的背景图像创建一个网页,顶部div滚动,但也可以平滑地滚动底部固定的bg图像?

时间:2014-12-21 06:50:52

标签: javascript jquery html css css3

我有这样的页面;

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

div bg具有固定的背景,因此它将保持不变。 top没有bg图像,但有些图像具有坚固的bg颜色。它们的固定宽度为100%,高度为400px。由于其中一些没有bd颜色,因此底部bg的图像是可见的。但是我希望bg图像滚动,慢于top s的速度。

这是一个页面,让我们知道,我想要完成的任务。的 JPL Home 即可。在此页面中,您可以看到底部图像滚动,而我们向下滚动,顶层div s,但与它们相比较慢。我怎样才能做到这一点?是这个HTML + CSS,还是在任何JS库的帮助下?

1 个答案:

答案 0 :(得分:0)

你有一些很好的jquery插件,像这样: http://ianlunn.co.uk/plugins/jquery-parallax/