wie Javascript ScrollIntoView glatt machen?

Question

In einer Reactive-App wird eine Methode aufgerufen, um einen bestimmten Knoten wie folgt anzuzeigen.

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

Die Bildlauf passiert gut, aber die Scroll-Aktion ist ein wenig ruckartig. Wie kann ich es glatt machen? Ich sehe keine Optionen, die ich scrollIntoView für dasselbe geben kann.

Answer 1

Dies könnte helfen.

Von mdn Dokumentation scrollIntoView Sie können anstelle von Boolean in Option übergeben.

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

Sie können einfach Parameter wie folgt übergeben.

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

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