jak zrobić javascript scrollIntoView smooth?

Question

W aplikacji reagowania, mam metodę wywoływaną, aby wyświetlić określony węzeł w następujący sposób.

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

Przewiń dzieje się dobrze, ale akcja przewijania jest trochę nierówna. Jak mogę to zrobić płynnie? Nie widzę żadnych opcji, które mogę dać scrollIntoView dla tego samego.

Answer 1

To może pomóc.

Z dokumentacji mdn przewijaniaIntoView Można przekazać opcję zamiast wartości logicznej.

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

Można więc po prostu przekazać taki parametr.

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

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