Prinzhorn / skrollr

最近、パララックス効果(視差効果)を利用したワンページスクロールサイトをよく見かけるようになりました。スクロールすることで画像や文字に動きや演出が加わり印象的なWebサイトを実現しています。

今回はこのパララックス効果を利用したワンページスクロールサイトを比較的簡単に導入できる「skrollr」を紹介します。

サンプルを作ってみました。

→ Parallax(パララックス)効果を実現できる「skrollr」サンプル

エフェクトや背景画像の組み合わせ次第で、とてもお洒落でクールなワンページのスクロールサイトが実現出来ます。

作り方もエフェクトやコンテンツを<div>要素毎に設定するので比較的わかりやすく導入出来ると思います。

→「Parallax(パララックス)スクロール効果を実現できるJavaScript「skrollr」」の続きを読む