CoffeeScriptでスクロールしていったら実行されるjQueryプラグイン作ってみた

CoffeeScriptでPjax使ってみた - ytch's diaryを書いた人に触発されてCoffeeScriptを触る機会ができたので、
スライドしていった時にスクロールに合わせて、横にスライドしたりなどができるjQueryプラグインを作ってみました

名前はスクロールしていき、見えているときに実行されるのでshownという名前

サンプル

と言ってもできるのはこの程度です。(自分にとって必要だったので作っただけ)

スクロールしていくとどんなものかわかると思います。

使い方

<script src="http://code.jquery.com/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="shown.js" type="text/javascript"></script>

などで参照したあとに

$(function(){
	$('#left_move').shown("leftMove");
	$('#right_move').shown("rightMove");
	$('#right_stop').shown("rightMoveStop");
	$('#left_stop').shown("leftMoveStop");
	$('#fade_in').shown("fadeIn");
	$('.fragment').each(function(){
		$(this).shown("fragment",$("#fragment_box"));
	});
});

と言ったように書くことで超簡単に利用出来ます。
ただし要素のスタイルをposition:absoluteにしておかないと動きません。
ChromeとFireFoxで動作確認しました。

ソースコード

https://github.com/takahirom/shownにあります。

補足

		$(this).shown("fragment",$("#fragment_box"));

第一引数はメソッド名で、
第二引数はfragmentの時以外必要ないのですが、第二引数の$("#fragment_box")は集合していくアニメーションの行き先です。

takam