El scroll es el desplazamiento que haces para ver el resto del contenido de una página web, una aplicación o un documento cuando no cabe entero en la pantalla. Se hace con la rueda del ratón, el trackpad, la barra lateral o deslizando el dedo. En español se dice también scrolling, y a la acción de hacerlo, scrollear o “hacer scroll”.
En esta guía te explicamos qué significa, para qué sirve, los tipos de scroll que existen (vertical, horizontal, infinito y más) y qué debes tener en cuenta si tienes una web.
✅ En resumen
- Scroll viene del inglés to scroll: “desplazarse” por el contenido.
- El más habitual es el scroll vertical (de arriba abajo). También existen el horizontal, el infinito y el scroll por secciones.
- En diseño web condiciona dónde colocar lo importante, cómo se estructura la página y cómo se navega en el móvil.
- Se puede medir (por ejemplo, hasta dónde llegan los usuarios) para mejorar el contenido y los botones de contacto.
📜 ¿Qué es el scroll (o scrollear)?
La palabra scroll procede del inglés y significa “desplazarse”. En informática y en diseño web se usa para el movimiento que te permite recorrer un contenido más grande que la ventana donde lo ves. Es lo que haces ahora mismo para seguir leyendo este artículo.
En el día a día se mezclan varios términos que significan lo mismo o casi:
| Término | Qué significa |
|---|---|
| Scroll | El desplazamiento del contenido en una ventana o pantalla. Se usa como nombre (“el scroll de la página”). |
| Scrolling | La acción o el efecto de desplazarse. Es la forma inglesa más usada en diseño web. |
| Scrollear / hacer scroll | Jerga en español para “desplazarse por una página”. También se oye scrolleando o scrolleo. |
| Barra de scroll | La barra lateral (o inferior) que muestra cuánto contenido queda y permite arrastrarlo. |
| Scroll infinito | Un tipo de scroll en el que el contenido sigue cargándose al llegar al final, sin cambiar de página. |
💡 Dato curioso
El nombre viene de los antiguos scrolls, los rollos de pergamino que se iban desenrollando para leerlos. La pantalla funciona igual: es una “ventana” que se mueve sobre un contenido más largo.
🖱️ ¿Cómo se hace scroll?
Depende del dispositivo, pero todas las formas hacen lo mismo:
- Con el ratón: girando la rueda o arrastrando la barra de desplazamiento lateral.
- Con el trackpad del portátil: deslizando dos dedos hacia arriba o hacia abajo.
- Con el teclado: flechas arriba y abajo, las teclas Av Pág y Re Pág, o la barra espaciadora para bajar una pantalla.
- En el móvil y la tableta: deslizando el dedo por la pantalla.
🎯 ¿Para qué sirve el scroll?
El scroll es la solución técnica que permite mostrar más contenido del que cabe en una pantalla, que siempre tiene un tamaño limitado. Gracias a él podemos leer una web larga sin tener que cambiar de página continuamente.
Y esto condiciona mucho el diseño: en escritorio las páginas suelen organizarse de forma vertical, con el contenido más importante al principio y el resto debajo, de modo que cada tramo invite a seguir bajando.
🧭 Tipos de scroll
El scroll básico se mueve en una dirección, pero según cómo se use se distinguen estos tipos:
| Tipo | Cómo funciona | Dónde lo verás |
|---|---|---|
| Vertical | Se desplaza de arriba abajo (y al revés). | La mayoría de las webs y los artículos |
| Horizontal | Se desplaza de izquierda a derecha. | Carruseles, galerías, tablas anchas, algunos videojuegos |
| Infinito | Carga más contenido al llegar al final, sin paginar. | Redes sociales y feeds de noticias |
| Por secciones | Cada desplazamiento “salta” a la siguiente pantalla o bloque. | Webs de una sola página y presentaciones |
| Con efecto parallax | Las capas se mueven a distinta velocidad y simulan profundidad. | Páginas de producto y webs creativas |
↕️ Scroll vertical
Es el más frecuente: el contenido se recorre de arriba abajo con la rueda, el trackpad o el dedo. Es el que todo el mundo asocia a navegar por una web.
↔️ Scroll horizontal
El contenido se recorre de izquierda a derecha. Aparece menos en las webs que el vertical, pero lo verás en carruseles de productos, galerías de imágenes, tablas muy anchas y en muchos videojuegos 2D.
♾️ Scroll infinito
El contenido se va cargando automáticamente a medida que bajas, sin llegar nunca a un final claro. Es el típico de las redes sociales, donde siempre hay una publicación más. Lo vemos con más detalle en el siguiente apartado.
📑 Scroll por secciones
Al desplazarte, la página “salta” de bloque en bloque, de forma que cada sección ocupa la pantalla entera. Es habitual en webs de una sola página y en presentaciones.
🎞️ Scroll con efecto parallax
No es un tipo de desplazamiento como tal, sino un efecto que se activa con el scroll: las capas de la página (fondo, elementos, primer plano) se mueven a velocidades distintas y simulan profundidad. Se usa mucho para presentar productos o platos en webs de restauración. Conviene usarlo con medida: demasiado efecto puede ralentizar la web, sobre todo en el móvil.
♾️ Scroll infinito o paginación: ¿cuál elegir?
| Scroll infinito | Paginación | |
|---|---|---|
| Ventajas | Navegación fluida y cómoda en el móvil, ideal para explorar sin parar | Sensación de control, se sabe cuánto queda y es fácil volver a un punto concreto |
| Inconvenientes | Difícil llegar al pie de página (contacto, enlaces) y volver a un punto concreto; puede cargar mucho contenido | Más clics y más esperas entre páginas |
| Mejor para | Redes sociales, galerías y contenido de descubrimiento | Tiendas online, listados de resultados y blogs con muchos artículos |
⚠️ Ojo con el SEO
Si usas scroll infinito, Google recomienda que el contenido que se carga al bajar esté también accesible mediante páginas con su propia URL. Si no, los buscadores pueden no llegar a ver parte de tus contenidos.
🎨 El scroll en diseño web y experiencia de usuario
Entender cómo se desplaza tu visitante te ayuda a diseñar mejor. Estas son las claves más útiles:
Lo importante, arriba
Lo que se ve sin hacer scroll (la zona “por encima del pliegue”) debe explicar enseguida quién eres y qué ofreces. Ahí se decide si el visitante sigue bajando.
Invita a seguir bajando
Evita cortar la página con un bloque que parezca el final. Deja asomar el siguiente bloque para dar pistas de que hay más.
Piensa en el móvil primero
La mayoría navega deslizando el dedo. Usa párrafos cortos, botones grandes y una sola columna.
Botones donde se llega
Coloca los botones de contacto a lo largo de la página y no solo al final: así los verá quien no llegue abajo del todo.
Bien aprovechado, el scroll mejora la experiencia de usuario y puede ayudar a aumentar la tasa de conversión de una página. Si estás pensando en renovar tu web, en nuestro servicio de diseño web cuidamos precisamente esto: cómo se lee y se recorre cada página.
🔎 ¿Influye el scroll en el SEO?
Conviene ser prudentes: Google no ha confirmado que el scroll o el tiempo que pasa un usuario en la página sean un factor de posicionamiento directo. Sin embargo, sí importa de forma indirecta:
- Una página que se lee con comodidad y se recorre entera suele indicar un contenido útil, y eso favorece que te enlacen, te compartan y vuelvan a visitarte.
- Si el contenido se carga solo al hacer scroll, tiene que ser accesible para los buscadores (como vimos en el scroll infinito).
- Los efectos pesados al desplazarse pueden empeorar la velocidad de carga y la experiencia en el móvil, que sí son aspectos que Google tiene en cuenta.
Si quieres profundizar, te recomendamos leer sobre jerarquía web y SEO.
📊 Cómo medir el scroll de tus usuarios
Saber hasta dónde llegan tus visitantes sirve para decidir dónde colocar los botones y qué contenidos mejorar. Hay dos formas habituales:
- Google Analytics 4: con la medición mejorada activada, registra un evento “scroll” cuando el usuario llega al 90 % de la página.
- Mapas de scroll: herramientas como Microsoft Clarity o Hotjar muestran con colores qué parte de la página llega a ver la mayoría de la gente.
🎮 El scroll en los videojuegos
El scroll no es exclusivo de las webs. En los videojuegos 2D, el escenario se desplaza a medida que el jugador avanza:
- Horizontal: clásicos como Super Mario Bros., donde la pantalla avanza hacia la derecha.
- Vertical: juegos de naves y disparos como Commando o 1942, donde el escenario baja de arriba abajo.
🚀 ¿Tu web se recorre bien?
Revisamos cómo se ve y cómo se navega tu web, sobre todo en el móvil, y te decimos qué cambiaríamos para que atraiga más contactos.
❓ Preguntas frecuentes sobre el scroll
¿Qué significa hacer scroll?
Hacer scroll es desplazarse por una página, aplicación o documento para ver el contenido que no cabe en la pantalla, ya sea con la rueda del ratón, el trackpad, la barra lateral o el dedo.
¿Qué significa scrollear?
Scrollear es la forma coloquial en español de decir “hacer scroll”, es decir, desplazarse por el contenido. También se oye scrolleando o scrolleo.
¿Qué es el scrolling?
El scrolling es la acción o el efecto de desplazarse por un contenido. Es el mismo concepto que scroll, con la forma más usada en inglés y en diseño web.
¿Cómo se traduce scroll al español?
Se traduce como “desplazamiento” o “desplazarse”. En la práctica se mantiene la palabra inglesa y se dice “hacer scroll”.
¿Qué es el scroll infinito?
Es un tipo de desplazamiento en el que el contenido se carga automáticamente al llegar al final, de modo que parece no acabar nunca. Es muy habitual en redes sociales.
¿Cuántos tipos de scroll hay?
Los principales son el vertical y el horizontal. Además se habla de scroll infinito, scroll por secciones y de efectos activados con el scroll, como el parallax.
Iván Larizgoitia, fundador de Dosmedia. Apasionado del SEO, el emprendimiento y los negocios online, muchos lo conocen como “SEO del Norte”. Máster SEO Técnico por Webpositer Academy, Máster en Marketing Digital por AulaCM y profesor de SEO, dirige Dosmedia, con más de 30 años de experiencia en publicidad y marketing, y ayuda a empresas de cualquier lugar a conseguir clientes.
LinkedIn · Instagram
