জাভাস্ক্রিপ্টে উপাদানে স্ক্রোল করার পদ্ধতি

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',
});

একটি উপাদান এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে পৃষ্ঠাটি এই উপাদানে স্ক্রোল করুন। বর্ণিত সমস্ত ক্ষমতা试用 করুন।