Configuré la funcionalidad de desplazamiento para suavizar usando CSS
scroll-behavior: smoothMe han dicho que se puede hacer usando scrollIntoView o scrollTo, pero soy un poco principiante en esto. ¿Cómo convierto eso en JS puro?
La propiedad CSS scroll-behavior hace que el contenido dentro de un elemento se desplace sin problemas. Mientras que Element.scrollIntoView se usa para desplazarse mediante programación a un elemento.
Si desea, por ejemplo, desplazarse hasta el encabezado de la página con scroll-behavior: smooth , puede optar por la opción de behavior y establecerla en smooth .
var header = document.getElementById("header") header.scrollIntoView({ behavior: "smooth" })