パララックス効果(視差効果)とは? 2011年11月現在、パララックス効果(Parallax Effect)を使ったWebサイトが流行っているらしい。始まりはNike Better Worldのサイトの靴が重なりあっていく動きを見たのが最初だった。『これは面白い!!!』という事になり、いろいろと検索するようになった。 スクロールのきっかけは? さて、このサイトではパララックス効果(Parallax Effect)を使ったサイトを作るには、どのようにしていくか?というのをHTML5コーデイングしていきながら、勉強していく。まず、jQueryで以下のようにコーディングしてみる。 jQueryでのコーディング <script type="text/javascript"> $( function(){ $(window).bind( "scroll", scroll_message); } );