¿JavaScript? ¡No lo necesitas! Aprende a animar el scroll con CSS
Índice Introducción La propiedad scroll-behavior en CSS Sintaxis Ejemplo Soporte en navegadores Referencias Conclusiones 1. Introducción Muchas personas piensan que solo podemos generar transiciones con propiedades concretas de CSS como por ejemplo transition, transform o animation con keyframes pero para features específicas podemos usar otras características que nos ofrece CSS para llegar a resultados muy bien acabados y sencillos de aprender. implementar y mantener. En este breve post explicaremos los conceptos básicos de la propiedad scroll-behavior, veremos su sintaxis, un ejemplo y su soporte en navegadores. ¡Comencemos!

Índice
- Introducción
- La propiedad scroll-behavior en CSS
- Sintaxis
- Ejemplo
- Soporte en navegadores
- Referencias
- Conclusiones
1. Introducción
Muchas personas piensan que solo podemos generar transiciones con propiedades concretas de CSS como por ejemplo transition
, transform
o animation
con keyframes
pero para features específicas podemos usar otras características que nos ofrece CSS para llegar a resultados muy bien acabados y sencillos de aprender. implementar y mantener.
En este breve post explicaremos los conceptos básicos de la propiedad scroll-behavior
, veremos su sintaxis, un ejemplo y su soporte en navegadores.
¡Comencemos!