Acaba con las cabeceras y pies estáticos en una web

De las muchas cosas que me molestan de una página web, las cabeceras y pies estáticos que se comen parte de la pantalla son de las más habituales. Afortunadamente, nos podemos deshacer de ellas con facilidad.

Veamos un ejemplo:

Aquí vemos que prácticamente la mitad de mi espacio vertical está ocupado por dos franjas fijas, arriba y abajo.

Si os fijáis en mi barra de marcadores, el último es un pequeño código Javascript. Si lo ejecutamos pulsando sobre él, el efecto es el siguiente:

Las franjas han desaparecido y tenemos todo el espacio vertical para nosotros:

El código Javascript es muy sencillo:

(function () {
  var i, elements = document.querySelectorAll('body *');

  for (i = 0; i < elements.length; i++) {
    if (getComputedStyle(elements[i]).position === 'fixed') {
      elements[i].parentNode.removeChild(elements[i]);
    }
  }
})();

Este código recorre la página web actual buscando los elementos cuya posición está configurada como fixed (es decir, que se mantienen fijos en la pantalla aunque nos movamos dentro del artículo) y los elimina a lo burro.

Para añadir esta funcionalidad a tu navegador, arrastra el siguiente enlace a tu barra de marcadores:

Kill Sticky.

Llevo usando este truco años y contribuye a que sea un poco más feliz en un mundo de webs plagadas de publicidad e intrusiones. La idea original es de Alisdair McDiarmid. Ironías de la vida, su web tiene una cabecera fija...

Si usas Firefox (deberías), también te puede interesar la extensión Nuke Anything.