マウスホイールで横スクロール+パララックスなWebサイトを作れる、というスクリプト。なかなか良さそうだったので備忘録です。コンテンツが横移動するだけで、スクロールバーは縦になります。
横スクロールなパララックスサイトを作れる、というスクリプトです。jQueryに依存します。
jInvertScroll
パララックスは種類の山?のようなもので確認できます。非圧縮で4KB前後と軽量なのも嬉しいですね。
<script type= "text/javascript" src= "jquery.min.js" ></script> <script type= "text/javascript" src= "jquery.jInvertScroll.js" ></script> <script type= "text/javascript" > ( function ($) { $.jInvertScroll([ '.foo' ]); }(jQuery)); </script> |
本体とプラグインを読み込んでセレクタを指定すればOKです。
ちょっと時間無いので簡単に紹介だけさせて頂きました。細かい仕様は以下でご確認下さい。ライセンスはMITです。