スクロールして対象要素が画面に出てきたときにいい感じでフェードインして表示させるjQueryプラグイン「jquery.scrollFade.js」を作りました。文章だとわかりにくいかと思いますので、下記のデモを参照ください。 サンプルコード jQuery本体、jquery.easing、jquery.scrollFade.jsの3つを読み込みます。そして、フェードさせたい要素に対してscrollFadeメソッドを実行させます。下記の例では「.scrollFade」というクラスを持つ要素を対象にしています。scrollFadeメソッドは、フェードアウト前の透明度(out)、フェードにかける時間:ミリ秒(duration)を引数として設定できます。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/
![スクロールするとコンテンツがフェードインするjQueryプラグイン作った。](https://cdn-ak-scissors.b.st-hatena.com/image/square/dce6f5d34f6da33ce90b0a1ad39401714546fe45/height=288;version=1;width=512/https%3A%2F%2F2inc.org%2Fwp-content%2Fuploads%2F2013%2F03%2Fjquery.jpg)