div - ¿Cómo hacer javascript scrollIntoView suave?

scrollintoview offset

Question

En una aplicación de reacción, tengo un método al que se llama para que un nodo particular esté a la vista de la siguiente manera.

scrollToQuestionNode(id) {
const element = document.getElementById(id);
element.scrollIntoView(false);
}

El desplazamiento pasa bien, pero la acción de desplazamiento es un poco desigual. ¿Cómo puedo hacer que sea suave? No veo ninguna opción que pueda dar a scrollIntoView para el mismo.

Answer 1

Esto podría ayudar.

Desde la documentación de MDN de scrollIntoView, puede pasar en opción en lugar de booleano.

scrollIntoViewOptions Optional
A Boolean or an object with the following options:
{
behavior: "auto" | "instant" | "smooth",
block: "start" | "end",
}

Así que simplemente puedes pasar un parámetro como este.

scrollToQuestionNode(id) {
const element = document.getElementById(id);
element.scrollIntoView({ block: ''end'', behavior: ''smooth'' });
}

Referencia: https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView