jquerymobileのないヘッダーとフッターのフェーディング

Question

モバイル版のjQueryを使用しないで、JQueryMobileのフェーディングheader or footer effectを達成する方法はありますか？

モバイルライブラリを必要としない場合は、ロードしたくありません。私は定期的なjqueryを使用しています。

Answer 1

はい、フェードエフェクトをscroll()メソッドにバインドするだけで済みます。

多分何かのように：

$(window).scroll(function() { 
     $(".header, .footer").fadeOut("slow").fadeIn("slow"); 
    }); 

ドキュメント：http://api.jquery.com/scroll/

UPDATEここ

は単純な例ですが、フェードイン/フェードアウトの方法への複数の呼び出しを修正する必要がありますおそらくアニメーションとそれが既にアニメ化されているかどうかをテストするための変数が必要です。

http://jsfiddle.net/VdxHe/