ちょっとしたインフォグラフィックとして、ページに縦に並べたい画像がいくつかあります。ただし、背景を前景要素から分離し、下にスクロールすると前景(背景)要素が移動する視差効果を少し加えたいと思います...
jQueryまたはCSS3でこれを達成するための最善の方法がわからない...リンクや例をいただければ幸いです。
jquery.parallaxを使用できます。
jParallaxは、ノードを、マウスに応答して移動する絶対位置のレイヤーに変換します。それらの寸法に応じて、これらの層は、パララキシーのような方法で、異なる速度で移動します。
それがどのようになるかのスクリーンショット:
(ソース:stephband.info)
コードも小さいです。
<ul>
<li class="parallax-layer"></li>
<li class="parallax-layer"></li>
</ul>
上記の回答に加えて、もっとシンプルで優れたプラグインがあります。