シングルページで魅せる、縦方向にパララックス効果を表現するjqueryサンプル | バニデザノート１ページで魅せるポートフォリオサイト風の動きのなかで 最近よく見かけるパララックス効果を採用したデザイン。 今回は縦にスクロールする際に、 スクロールの速度をレイヤーごとに調整して 視覚的に速い部分と遅い部分が起こるようなチュートリアルがありましたので 紹介いたします。 ▼One page website, vertical parallax http://www.webdesignshock.com/one-page-website/ このチュートリアルは、nike better worldというNikeのサイトから インスピレーションを受けて作成されています。 なので、こちらも見ておくことをおすすめいたします。 デモはこちらから。 大事なのは初期のBOXの定義（ＣＳＳ）と それぞれのＢＯＸがどんな動きをするのか （今回だったら特にスクロールスピード）を確認しておくこと。 いまブラウザの
IDEA * IDEA
