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