褪色頁眉和頁腳沒有jquerymobile

Question

有沒有一種方法可以實現JQueryMobile的褪色header or footer effect而不使用整個移動版本的jQuery？

我不想加載移動庫，如果我不需要它。我正在使用常規的jQuery。

Answer 1

是的，您可能只需要將淡入淡出效果綁定到scroll()方法。

也許是這樣的：

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

文檔：http://api.jquery.com/scroll/

UPDATE

下面是一個簡單的例子，但你需要修復的淡入/淡出方法多次調用，可能有一個動畫和一個變量來測試它是否已經被動畫。

http://jsfiddle.net/VdxHe/