कैसे जावास्क्रिप्ट scrollIntoView चिकनी बनाने के लिए?

Question

एक प्रतिक्रिया ऐप में, मेरे पास एक विशेष नोड को निम्नानुसार देखने के लिए बुलाया जाने वाला एक तरीका है।

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

स्क्रॉल ठीक होता है, लेकिन स्क्रॉल एक्शन थोड़ा झटकेदार होता है। मैं इसे चिकनी कैसे बना सकता हूं? मुझे कोई विकल्प नहीं दिख रहा है जिसे मैं स्क्रॉल इनव्यूव को इसके लिए दे सकता हूं।

Answer 1

इससे मदद मिल सकती है।

scrollIntoView के एमडीएन दस्तावेज से आप बूलियन के बजाय विकल्प में पास कर सकते हैं।

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

तो आप बस इस तरह पैरामीटर पास कर सकते हैं।

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

संदर्भ: https://developer.mozilla.org/en/docs/Web/API/Element/scrollIntoView