視差効果（パララックス）を簡単に導入できるJavaScript「skrollr」

twitter facebook hatena google pocket 昨今流行っている視差効果（パララックス）を導入してみたい人は多いのではないでしょうか。 Prinzhorn/skrollrを利用すれば比較的簡単に導入可能です。 sponsors 使用方法 Prinzhorn/skrollrからファイル一式をダウンロード。 <script type="text/javascript" src="skrollr.js"></script> <script type="text/javascript"> skrollr.init(); </script> <link href="skrollr.css" rel="stylesheet" type="text/css" /> あとはdivの中にdataで高さとエフェクトを指定していきます。 <div data-0="" //高さ0px

[t_furu]

面白い動き

[hedeyoshi]

パララックス！イエア！

[itaigoro]

めも。

[takigawa401]

面白いけど使いどころが難しそう。

[poyosi]

おおお！このサンプルも面白い…!!! http://www.skuare.net/test/jskrollr.html