Prinzhorn / skrollr 最近、パララックス効果(視差効果)を利用したワンページスクロールサイトをよく見かけるようになりました。スクロールすることで画像や文字に動きや演出が加わり印象的なWebサイトを実現しています。 今回はこのパララックス効果を利用したワンページスクロールサイトを比較的簡単に導入できる「skrollr」を紹介します。 サンプルを作ってみました。 → Parallax(パララックス)効果を実現できる「skrollr」サンプル エフェクトや背景画像の組み合わせ次第で、とてもお洒落でクールなワンページのスクロールサイトが実現出来ます。 作り方もエフェクトやコンテンツを<div>要素毎に設定するので比較的わかりやすく導入出来ると思います。 「skrollr」の使用方法 まず、Prinzhorn/skrollrからファイル一式をダウンロードします。 ダウンロードしたこ
![Parallax(パララックス)スクロール効果を実現できるJavaScript「skrollr」](https://cdn-ak-scissors.b.st-hatena.com/image/square/e8c890c2e91189a7d8cfee398a418be6943d603c/height=288;version=1;width=512/http%3A%2F%2Fpannyatto.firebird.jp%2Fwp-content%2Fuploads%2F2012%2F06%2F2012-06-28_1933.png)