Qué significa hacer scroll en una página web

Hay instrucciones digitales que utilizamos sin pensar hasta que alguien las escribe:

“Haz scroll hacia abajo para continuar.”

Quien lleva años utilizando un móvil entiende el gesto sin darle más vueltas: coloca el dedo sobre la pantalla, lo desliza y aparece la parte de la página que estaba más abajo. Pero la palabra scroll sigue sonando extraña para muchas personas, especialmente cuando aparece en un tutorial, un formulario o una explicación técnica.

Hacer scroll significa sencillamente desplazar el contenido visible de una pantalla para acceder a la parte que queda fuera del área mostrada. Puede hacerse hacia arriba, hacia abajo o, en algunos casos, lateralmente.

Es una acción tan habitual que apenas reparamos en ella. La hacemos para seguir leyendo una noticia, recorrer una red social, consultar productos, buscar un botón o llegar hasta ese pie de página que alguien decidió colocar después de catorce bloques.

Qué es scroll y qué significa en informática

En informática, scroll es el desplazamiento del contenido dentro de una pantalla, una ventana o una zona concreta de una interfaz.

Cuando una página contiene más información de la que cabe en el monitor o en la pantalla del móvil, una parte queda fuera de la vista. El usuario puede desplazar el contenido para acceder a ella.

Ese movimiento es el scroll.

En español podemos expresarlo como:

• Desplazarse por la pantalla.
• Desplazar la página.
• Bajar o subir por el contenido.
• Deslizar la pantalla.

En conversaciones, tutoriales y entornos profesionales se utiliza con mucha frecuencia la expresión hacer scroll.

De dónde viene la palabra scroll

En inglés, scroll también puede referirse a un rollo o pergamino. La relación con la informática resulta bastante visual: el contenido avanza ante nosotros como si desenrolláramos una superficie mucho más larga que la parte visible.

La pantalla actúa como una ventana. El contenido continúa por arriba, por abajo o hacia los lados, aunque en cada momento solo veamos una parte.

Qué significa hacer scroll

Hacer scroll es ejecutar ese desplazamiento.

Por ejemplo:

• Bajar en un artículo para seguir leyendo.
• Subir para recuperar un párrafo anterior.
• Deslizar una galería hacia los lados.
• Recorrer una lista de productos.
• Avanzar por las publicaciones de una red social.

Cuando una web indica “haz scroll”, normalmente te está pidiendo que sigas desplazándote para descubrir contenido que todavía no aparece en pantalla.

Scroll, scrolling y scrollear: ¿significan lo mismo?

Las tres palabras se utilizan alrededor de la misma acción, aunque no son exactamente la misma forma lingüística.

Término	Uso habitual
Scroll	Nombre del desplazamiento o de la función.
Scrolling	Palabra inglesa que describe la acción de desplazarse.
Scrollear	Adaptación informal utilizada en español.
Hacer scroll	Expresión muy extendida en informática y diseño web.

También puedes decir “desplázate hacia abajo” o “desliza la pantalla”. Son expresiones más transparentes para una persona que no conoce el término inglés.

Cómo hacer scroll en un ordenador

Hay varias formas de desplazarse por una página. La más cómoda depende del dispositivo y de los hábitos de cada persona.

Con la rueda del ratón

Es el método más habitual en un ordenador de sobremesa.

• Girar la rueda hacia abajo hace avanzar la página.
• Girarla hacia arriba permite regresar al contenido anterior.

Algunos ratones también permiten inclinar la rueda o utilizar una segunda rueda para el desplazamiento horizontal.

Con el panel táctil del portátil

Normalmente se colocan dos dedos sobre el panel y se deslizan:

• Hacia arriba o abajo para recorrer verticalmente la página.
• Hacia los lados cuando existe contenido horizontal.

La dirección puede variar según la configuración del sistema. En algunos equipos el gesto imita el movimiento del contenido y en otros el de la barra de desplazamiento.

Con la barra de scroll

La barra de desplazamiento suele aparecer en el lateral derecho de la ventana.

Puede utilizarse de varias maneras:

• Arrastrando el indicador.
• Pulsando sobre una zona de la barra.
• Utilizando las flechas, cuando están visibles.

El tamaño del indicador suele dar una pista aproximada de cuánto contenido queda por recorrer.

Con el teclado

También es posible desplazarse sin ratón:

• Flecha abajo y flecha arriba: movimiento corto.
• Page Down y Page Up: avance o retroceso mayor.
• Inicio: desplazamiento hacia el comienzo.
• Fin: desplazamiento hacia el final.
• Barra espaciadora: avance de pantalla en muchos navegadores.

Que una página pueda manejarse con teclado no es un detalle menor. Hay personas que no utilizan ratón y otras que simplemente trabajan más rápido sin levantar las manos de las teclas.

Cómo hacer scroll en un móvil o una tableta

En una pantalla táctil se realiza deslizando el dedo.

Para bajar por una página, normalmente movemos el dedo hacia arriba. El contenido acompaña el gesto y deja visible la zona que estaba más abajo.

Para volver atrás, deslizamos el dedo hacia abajo.

También pueden aparecer gestos horizontales en:

• Galerías de imágenes.
• Carruseles.
• Tablas.
• Listas de productos.
• Calendarios.

En móvil, el gesto resulta tan natural que muchas interfaces han dejado de mostrar una barra permanente. Eso no significa que debamos ocultar cualquier pista de que existe más contenido.

Qué significa scroll down

Scroll down significa desplazarse hacia abajo.

Puede aparecer en botones, instrucciones o animaciones situadas al principio de una página:

Scroll down to continue.

En español podría traducirse como:

• Desplázate hacia abajo para continuar.
• Baja para seguir leyendo.
• Desliza hacia abajo.

La mejor opción depende del dispositivo y del tono de la interfaz.

Tipos de scroll

No todo desplazamiento funciona de la misma manera. Una web puede utilizar varios tipos según su contenido y su diseño.

Scroll vertical

Es el más habitual. El contenido se desplaza hacia arriba o hacia abajo.

Se utiliza en:

• Artículos.
• Páginas de servicios.
• Fichas de producto.
• Redes sociales.
• Aplicaciones de mensajería.
• Listados.

La mayoría de las personas espera que una página web continúe en sentido vertical.

Scroll horizontal

Desplaza el contenido hacia la izquierda o la derecha.

Puede tener sentido en:

• Galerías.
• Líneas temporales.
• Tablas anchas.
• Carruseles.
• Editores.
• Interfaces con paneles.

En una página convencional debe utilizarse con cuidado. Si aparece por un error de maquetación, obliga al usuario a desplazarse lateralmente para leer líneas que deberían caber en pantalla.

Scroll multidireccional

Permite moverse en ambos ejes.

Es habitual en mapas, lienzos de diseño, hojas de cálculo y aplicaciones donde el contenido ocupa una superficie mayor que la ventana en todas las direcciones.

Scroll infinito

El contenido nuevo se carga a medida que el usuario avanza.

Lo vemos en redes sociales, catálogos y determinados listados. Evita pulsar continuamente un botón para pasar de página, pero también tiene inconvenientes:

• Dificulta regresar a un punto concreto.
• Puede impedir llegar al pie de página.
• Complica compartir una posición exacta.
• Puede provocar una navegación casi automática.
• Necesita una implementación técnica cuidadosa.

No todo listado mejora por convertirse en una cinta sin final.

Scroll suave

En lugar de saltar inmediatamente hasta una sección, la pantalla se desplaza con una transición.

Puede utilizarse en menús internos o botones que llevan a otra parte de la misma página.

Por ejemplo, un enlace hacia:

#preguntas-frecuentes

puede desplazar la pantalla suavemente hasta ese bloque.

La animación debe ser breve y respetar las preferencias de movimiento del usuario. Si tarda demasiado, deja de orientar y empieza a entretenerse consigo misma.

Scroll automático

La página desplaza el contenido sin que el usuario realice el gesto directamente.

Puede aparecer en presentaciones, lectores, carruseles o determinadas experiencias narrativas. Debe utilizarse con prudencia porque puede:

• Quitar control al usuario.
• Mover el contenido antes de terminar de leerlo.
• Dificultar la interacción.
• Provocar molestias relacionadas con el movimiento.

Cuando el desplazamiento automático no sea imprescindible, conviene permitir pausarlo o detenerlo.

Scroll por secciones

Cada gesto lleva a la siguiente pantalla o bloque completo.

Puede funcionar en presentaciones y webs muy visuales, aunque reduce la libertad del desplazamiento convencional. Una rueda sensible o un panel táctil pueden convertir la navegación en una sucesión de saltos difíciles de controlar.

Qué es la barra de scroll

La barra de scroll o barra de desplazamiento indica la posición dentro de un contenido que no cabe completamente en pantalla.

Normalmente incluye un indicador móvil que permite:

• Saber aproximadamente en qué parte de la página estamos.
• Calcular cuánto contenido queda.
• Avanzar con rapidez.
• Regresar a una zona anterior.

En algunos sistemas la barra se oculta hasta que empezamos a desplazarnos. Por eso una web no debería depender exclusivamente de ella para demostrar que continúa.

Cómo influye el scroll en el diseño de una web

Durante años se repitió que todo lo importante debía aparecer sin desplazarse. Después llegó la reacción contraria: como la gente sabe bajar, daba igual lo que colocáramos arriba.

Ninguno de los dos extremos ayuda demasiado.

Las personas están acostumbradas a hacer scroll, pero la primera pantalla sigue teniendo un trabajo:

• Explicar dónde están.
• Dejar claro de qué trata la página.
• Mostrar una razón para continuar.
• Ofrecer una acción cuando corresponda.

No es necesario meter toda la empresa, los servicios, el teléfono, cinco ventajas y tres testimonios antes de que aparezca el primer pliegue. Tampoco conviene abrir con una fotografía enorme y una frase tan misteriosa que el visitante tenga que bajar para descubrir a qué se dedica el negocio.

Hay que indicar que la página continúa

Podemos hacerlo mediante:

• Un bloque parcialmente visible.
• Una flecha discreta.
• Una composición que no parezca cerrada.
• Un texto que invite a seguir.

No siempre hace falta escribir “haz scroll”. Muchas veces basta con evitar que la primera pantalla parezca una portada terminada.

Las cabeceras fijas ocupan espacio

Una cabecera que permanece visible puede facilitar la navegación. Pero si ocupa un tercio de la pantalla del móvil, obliga a leer la web por una rendija.

El contenido no debe saltar mientras bajamos

Imágenes, anuncios, fuentes o módulos que aparecen tarde pueden desplazar el contenido cuando el usuario ya estaba leyendo.

Eso provoca que un botón cambie de sitio, que una frase desaparezca o que terminemos pulsando algo distinto de lo que queríamos.

El desplazamiento lateral accidental debe corregirse

Suele aparecer por:

• Imágenes demasiado anchas.
• Tablas sin adaptar.
• Elementos con medidas fijas.
• Márgenes negativos.
• Código incrustado.

Durante la preparación de un wireframe web conviene decidir qué contenido necesita desplazamiento y cómo se comportará en pantallas pequeñas.

Qué es el scroll jacking

El scroll jacking aparece cuando una página modifica el comportamiento normal del desplazamiento.

Por ejemplo:

• Cambia la velocidad de la rueda.
• Detiene la página en puntos concretos.
• Convierte cada gesto en una animación.
• Desplaza lateralmente aunque el usuario mueva la rueda en vertical.
• Impide avanzar hasta que termina una secuencia.

Puede utilizarse para construir una narración visual, pero también genera una sensación inmediata de pérdida de control.

Qué es la profundidad de scroll

La profundidad de scroll indica hasta qué parte de una página ha llegado el usuario.

Puede medirse mediante porcentajes como:

• 25 %.
• 50 %.
• 75 %.
• 90 %.
• 100 %.

También puede medirse cuando una sección concreta entra en pantalla, por ejemplo:

• Una tabla de precios.
• Un formulario.
• Un vídeo.
• Una llamada a la acción.

Para qué sirve medirlo

Puede ayudar a responder preguntas como:

• ¿La mayoría llega hasta el formulario?
• ¿Un bloque importante está demasiado abajo?
• ¿El artículo pierde lectores en una zona concreta?
• ¿La llamada a la acción llega a verse?

Qué no demuestra

Alcanzar el final no garantiza que la persona haya leído ni comprendido el contenido.

Puede haber bajado deprisa buscando una respuesta, arrastrado la barra o dejado la página abierta mientras hacía otra cosa.

Del mismo modo, quedarse arriba no siempre es una mala señal. Tal vez la respuesta estaba en el primer párrafo y no necesitaba seguir.

Scroll y SEO

Utilizar desplazamiento vertical no mejora ni perjudica por sí mismo el posicionamiento de una página.

Lo importante es que el contenido:

• Pueda cargarse correctamente.
• Sea accesible para el usuario.
• Pueda rastrearse e indexarse cuando corresponda.
• No dependa de una interacción imposible para ciertos dispositivos.
• Mantenga una estructura comprensible.

Hay que prestar especial atención al contenido que se carga únicamente al llegar a una zona. Si la implementación falla, el usuario y los buscadores pueden encontrar una página incompleta.

Tampoco conviene asumir que una mayor profundidad o más tiempo en pantalla equivale automáticamente a mejores posiciones. Son datos que necesitan contexto.

Errores habituales relacionados con el scroll

Ocultar que existe más contenido

La primera pantalla parece cerrada y no ofrece ninguna pista de continuidad.

Provocar scroll horizontal sin querer

Una imagen, tabla o bloque se sale del ancho disponible.

Bloquear el desplazamiento

Puede ocurrir por una ventana emergente mal cerrada, un menú móvil defectuoso o código que deja la página inmóvil.

Utilizar una cabecera fija enorme

El usuario se desplaza, pero gran parte de la pantalla sigue ocupada por el menú.

Mover la página automáticamente

El contenido avanza antes de que la persona termine de leerlo o interactúe.

Abusar de animaciones vinculadas al scroll

Cada pequeño gesto activa movimientos, apariciones y cambios que terminan dificultando la lectura.

Perder la posición al volver atrás

Resulta especialmente molesto en catálogos y listados largos.

Utilizar scroll infinito sin alternativa

La persona no puede llegar a una página concreta, guardar la posición o acceder con facilidad al pie.

Ocultar demasiado la barra

En zonas pequeñas con contenido propio puede ser difícil descubrir que existe desplazamiento interno.

Desplazar la pantalla al mostrar errores

Un formulario puede llevar al usuario a otra zona sin explicar qué campo necesita corregir.

Qué debemos recordar sobre el scroll

Hacer scroll no es más que desplazarse por un contenido que ocupa más espacio del que podemos ver en ese momento.

Puede realizarse con el ratón, el teclado, un panel táctil o el dedo. Lo habitual es desplazarse verticalmente, aunque también existen interfaces horizontales, infinitas, automáticas y organizadas por secciones.

Desde el punto de vista del diseño, no basta con saber que la gente está acostumbrada a bajar. Hay que ofrecer una primera pantalla comprensible, evitar bloqueos, mantener el control en manos del usuario y comprobar que la página funciona igual de bien en móvil.

Preguntas frecuentes sobre scroll

¿Qué significa scroll?

Significa desplazar el contenido de una pantalla para acceder a una zona que no está visible en ese momento.

¿Qué significa hacer scroll?

Significa mover una página hacia arriba, abajo o lateralmente mediante el ratón, el teclado, el panel táctil o el dedo.

¿Cómo se dice scroll en español?

Puede traducirse como desplazamiento. También se utilizan expresiones como desplazarse, deslizar la pantalla o bajar por la página.

¿Qué significa scroll down?

Significa desplazarse hacia abajo.

¿Qué es scrolling?

Es el término inglés utilizado para describir la acción continuada de desplazarse por una pantalla o contenido.

¿Qué significa scrollear?

Es una adaptación informal que significa hacer scroll o desplazarse por una pantalla.

¿Qué es el scroll vertical?

Es el desplazamiento hacia arriba o abajo. Es el más habitual en páginas web, artículos y redes sociales.

¿Qué es el scroll horizontal?

Es el desplazamiento hacia la izquierda o la derecha. Se utiliza en galerías, carruseles, tablas y determinadas interfaces.

¿Qué es el scroll infinito?

Es un sistema que carga nuevo contenido automáticamente a medida que el usuario avanza.

¿Qué es el scroll suave?

Es un desplazamiento animado y progresivo entre dos posiciones de una página.

¿Qué es la barra de scroll?

Es la barra que indica la posición dentro de un contenido y permite desplazarse arrastrando su indicador.

¿Cómo se hace scroll con el teclado?

Puede hacerse con las flechas, las teclas Page Up y Page Down, Inicio, Fin y, en muchos navegadores, la barra espaciadora.

¿Qué es la profundidad de scroll?

Es una medición que indica hasta qué porcentaje o sección de una página ha llegado el usuario.

¿El scroll afecta al SEO?

No por sí solo. Lo importante es que el contenido sea accesible, se cargue correctamente y pueda rastrearse cuando corresponda.

¿Qué es el scroll jacking?

Es la modificación del comportamiento normal del desplazamiento para cambiar su velocidad, dirección o respuesta.