マウスホイールで横スクロール+パララックス効果のあるコンテンツを実装するスクリプト・jInvertScroll

Ads

マウスホイールで横スクロール+パララックスな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です。

jInvertScroll