ড্যানিয়েল এর উত্তর সম্ভবত সর্বাধিক সহজবোধ্য পদ্ধতি এবং আমি যা ব্যবহার করব তা যদি কিছুক্ষণের মধ্যেই করা হয়, তবে একটু জাভাস্ক্রিপ্ট দক্ষতার সাথে আমরা কনসোলে এটি কার্যকর করতে পারি কেন?
Chrome Dev সরঞ্জামগুলির কনসোল উইন্ডোতে নীচের লিখুন এবং টিপুন ENTER
:
document.getElementsByClassName('ClassName')[0].scrollIntoView(true);
ব্যাখ্যা:
document.getElementsByClassName('ClassName')
আপনি খুঁজছেন ক্লাসের নাম আছে যে সমস্ত উপাদান উদ্ধার।
দ্য [0]
আপনি পুনরুদ্ধার করা উপাদান সংগ্রহের আইটেম অ্যাক্সেস করতে ব্যবহার করা হবে সূচক। কারণ এটি একটি শূন্য ভিত্তিক অ্যারে, [0]
আপনি খুঁজছেন ক্লাসের নামের প্রথম উদাহরণ পায়।
অবশেষে, scrollIntoView(true)
এটি ঠিক কী বলে, বিস্ময়করভাবে, উপাদানটিকে স্ক্রোল করে, যা এই ক্ষেত্রে প্রথম শ্রেণীর উপাদান যা "শ্রেণীনাম" এর ক্লাস নামটি দেখতে পারে। দ্য true
পাস করা যুক্তি উইন্ডোটির শীর্ষে উপাদানটি সারিবদ্ধ করার পদ্ধতিটিকে বলে। false
নীচে এটি সারিবদ্ধ হবে।
সুতরাং যদি আপনি নিজেকে বড় পৃষ্ঠাটির জন্য এই কাজটির পুনরাবৃত্তি খুঁজে পান তবে আপনি একবার বলছেন, আপনি একবার এই ফাংশনটি কার্যকর করতে পারেন UP
কনসোল উইন্ডোতে, সূচী পরিবর্তন, ধোয়া এবং পুনরাবৃত্তি। তাই ভালো:
document.getElementsByClassName('ClassName')[0].scrollIntoView(true); //First item
document.getElementsByClassName('ClassName')[1].scrollIntoView(true); //Second item
document.getElementsByClassName('ClassName')[2].scrollIntoView(false); //Third item, aligned to the bottom of the screen
আশাকরি এটা সাহায্য করবে.