没有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/

<强>更新

这是一个简单的例子，但您需要修复对fadein / fadeout方法的多次调用，可能需要动画和变量来测试它是否已经动画化。

http://jsfiddle.net/VdxHe/