[jQuery]inView Plugin

ある要素がスクリーン内にあるかどうか判断できるプラグインを発見しました。

きっかけは、Nikebetterworld Parallax Effect Demoで紹介されていたプログラムにそのプラグインが使われていたからなんですけど。

プラグイン自体は、Element 'in view' Event Pluginというエントリーにあって、
導入も非常に簡単。
jquery.inview.jsを読み込んで、下記コードを記述するのみ

$('div').bind('inview', function (event, visible) { if (visible == true) { // element is now visible in the viewport } else { // element has gone out of viewport } });

bindさせたい要素はその都度変更する必要があります。

サイトが閉鎖されたときのことを考えて今のうちからプラグインダウンロードしておこうかなー。