css - css3/javascript によるスクロール時のページ背景画像遷移

Question

スクロールまたはリンク ボタンを介して次または前の div に移動するときのスクロール時のページの背景画像 (アニメーション) 遷移の解決策を探しています。これは、スクロールに沿ってオブジェクトが移動/アニメーション化するサイトの例http://zurb.com/manifestoです。誰かがこのテクニックを助けることができれば。

Answer 1

あなたが探しているのは、パララックス スクロールプラグインです。いくつかのオプションを含むいくつかのリンクを次に示します。

• http://www.impressivewebs.com/parallax-scrolling-scripts-plugins/
• http://smashinghub.com/7-jquery-parallax-and-scrolling-effect-plugins.htm
• http://idesignow.com/jquery/9-jquery-parallax-scrolling-plugins-tutorials.html#.UWtI4LWZ-vs

そして、ここにいくつかのチュートリアルがあります：

• http://richardshepherd.com/smashing/parallax/
• http://net.tutsplus.com/tutorials/html-css-techniques/simple-parallax-scrolling-technique
• http://pepsized.com/merry-scrolling-with-skrollr-js/

それが何と呼ばれているかがわかれば、役立つ例やチュートリアルをさらに見つけることができます。