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

スポンサーリンク

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

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services