Затухание заголовка и нижнего колонтитула без 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

Вот простой пример, но вам нужно будет исправить несколько вызовов FadeIn методов/FADEOUT , возможно с анимацией и переменной для проверки, если она уже анимирована.

http://jsfiddle.net/VdxHe/