Inicio sticky

Suelta lo que está pegado a la pantalla

Si un menú o aviso ocupa parte de la pantalla todo el tiempo, este atajo devuelve los elementos fijos al flujo de la página y deja más espacio para leer.

En el ordenador, arrastra el botón de abajo a la barra de favoritos. Después, abre la página que quieras y usa el favorito.

Desactivar elementos fijos

¿Usas el móvil o no tienes barra de favoritos? Mira otras formas de usar este atajo más abajo.

Cómo funciona y cuándo usarlo

¿Cómo usar este atajo en el móvil?

En el móvil puedes intentar guardar el código como dirección de un favorito. Primero copia el código de abajo.

iPhone (Safari): guarda cualquier página en Favoritos, mantén pulsado el favorito, elige Editar y sustituye su dirección por el código copiado.

Android (Chrome): guarda una página en Favoritos. Abre Favoritos, toca los tres puntos junto a ella, elige Editar y sustituye su dirección por el código copiado.

Después, abre la página que quieres modificar y usa el favorito. Si no se ejecuta desde el menú, escribe el nombre del favorito en la barra de direcciones y selecciona la sugerencia.

Dirección del favorito

javascript:void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

El funcionamiento depende del navegador y de su versión. Algunas páginas también bloquean este tipo de atajo.

Otra opción en iPhone: app Atajos

En Atajos, crea un atajo con la acción Ejecutar JavaScript en página web y pega el código de abajo. Activa su aparición en la hoja de compartir para páginas de Safari. Si se solicita, permite ejecutar scripts en los ajustes de Atajos. Después, abre la página en Safari, toca Compartir y elige el atajo.

Código para la app Atajos

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}());completion();

¿Cómo usar la consola en el ordenador?

Abre la página que quieres modificar. En Chrome, pulsa Ctrl + Shift + J (Windows/Linux) o ⌘ + Option + J (Mac), pega el código de abajo en la consola y pulsa Enter.

Código para la consola

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

El efecto se aplica a la página abierta. Comprueba qué hace cualquier código antes de ejecutarlo en la consola; el navegador puede mostrar una advertencia de seguridad.

El botón busca lo que está en position fixed o sticky y pide position static. Vale para lo que ya está en la página al hacer clic.

¿Qué elementos dejan de tapar el texto?

Muchos sitios dejan el menú, el aviso o el botón de chat pegados a la ventana. Quedan encima de lo que lees.

El botón mira cada elemento. Si la posición calculada es fixed o sticky, pide que vuelva al flujo normal de la página.

No es un ajuste de la cuenta ni del sitio. Al recargar, las barras se pegan otra vez. El favorito sigue disponible.

Qué suelta

Menú, aviso, pie y botón que acompañan el desplazamiento. Entra todo lo que la página mantiene pegado a la ventana.

Si solo quieres el encabezado de arriba, usa la herramienta de encabezado fijo. Esta suelta también el resto.

Qué puede pasar

La barra, en vez de flotar, pasa a ocupar un lugar en el texto. Eso libera el área que cubría.

Un elemento que la página cree después del clic puede pegarse otra vez. Haz clic de nuevo.