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
![視差効果(パララックス)を簡単に導入できるJavaScript「skrollr」](https://cdn-ak-scissors.b.st-hatena.com/image/square/8061f74d9ea9775043f22b70a9be11865ddad3af/height=288;version=1;width=512/http%3A%2F%2Fwww.skuare.net%2Fassets_c%2F2012%2F05%2Fjskrollr-thumb-660x300-791.jpg)