JavaScript में तत्व तक विंडो स्क्रॉल करने की विधि
scrollIntoView विधि विंडो को दिए गए तत्व तक स्क्रॉल करती है। यह विधि उस तत्व पर लागू की जाती है, जिस तक विंडो को स्क्रॉल करना होता है।
विधि के पैरामीटर द्वारा यह नियंत्रित किया जाता है कि तत्व विंडो के कहाँ स्थित होना चाहिए: ऊपर या नीचे।
आइए उदाहरणों पर नजर डालें। विंडो को इस तरह स्क्रॉल करें कि तत्व विंडो के ऊपर हो:
elem.scrollIntoView(true);
और अब विंडो को इस तरह स्क्रॉल करें कि तत्व विंडो के नीचे हो:
elem.scrollIntoView(false);
सेटिंग्स वाली एक वस्तु को पैरामीटर के रूप में भी पास किया जा सकता है। आइए विंडो को तत्व तक सहजता से स्क्रॉल करें:
elem.scrollIntoView({
behavior: 'smooth',
});
सेटिंग्स वाली वस्तु में तत्व के सापेक्ष पृष्ठ संरेखण की सेटिंग्स भी होती हैं।
block सेटिंग ऊर्ध्वाधर संरेखण निर्धारित करती है, और inline सेटिंग क्षैतिज संरेखण निर्धारित करती है।
ये निम्नलिखित मान ले सकती हैं:
'start', 'center', 'end', 'nearest'.
आइए प्रयास करें:
elem.scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'end',
});
एक तत्व और एक बटन दिया गया है। बटन दबाने पर पृष्ठ को इस तत्व तक स्क्रॉल करें। वर्णित सभी संभावनाओं का प्रयास करें।
