hacer desaparecer el pie de página cuando el desplazamiento está activo

Ver página de prueba

var pageIsScrolling = (function(){
   var timer, body = $(document.body);
   return function(){
       clearTimeout(timer);
       timer = setTimeout(scrollEnd, 250);
       body .addClass('scrolling');
   }

   function scrollEnd(){
       timer = null;
       body.removeClass('scrolling');
   }
})();

$(window).on('scroll.scrolling', pageIsScrolling);

Ahora, cada vez que comience a desplazarse, el cuerpo tiene la clase scrolling y puede orientarlo en su CSS , así:

.scrolling > footer{ opacity:0; }

O incluso agregue transición para su pie de página para que se vea más suave.
(Estoy bastante seguro de que esto también debería funcionar con jQuery mobile)

Notas:

• Podría trabajar directamente en el elemento footer de javascript, pero creo que trabajar con clases de estado generales es una mejor manera de cambiar los estados en una aplicación, y luego puede derivar de eso lo que quiera en su CSS, así que, aquí, la clase de estado deseada era "desplazamiento".
• Estoy usando un espacio de nombres de eventos personalizado aquí, lo cual es una buena práctica
• usando el almacenamiento en caché de elementos (cuerpo)
• La función scrollEnd está separada y no está escrita directamente dentro de setTimeout para una mejor legibilidad.