褪色页眉和页脚没有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/