জাভাস্ক্রিপ্টে এলিমেন্ট স্ক্রোলিং
নিম্নলিখিত বৈশিষ্ট্যগুলিতে রয়েছে যে পরিমাণ এলিমেন্টটি স্ক্রোল করা হয়েছে:
console.log(elem.scrollTop); // উপরে থেকে
console.log(elem.scrollLeft); // বাম থেকে
নিম্নলিখিত উদাহরণটি এই বৈশিষ্ট্যগুলির কাজ প্রদর্শন করে। এলিমেন্টটি স্ক্রোল করুন এবং বাটনে ক্লিক করুন, আপনি স্ক্রোলের পরিমাণ দেখতে পাবেন:
একটি এলিমেন্ট এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে এলিমেন্টটি উল্লম্বভাবে কতটা স্ক্রোল করা হয়েছে তা নির্ণয় করুন।
একটি এলিমেন্ট এবং একটি বাটন দেওয়া আছে। বাটনে ক্লিক করলে পরীক্ষা করুন যে এলিমেন্টটি উল্লম্বভাবে স্ক্রোল করা হয়েছে কিনা।
এলিমেন্টটি শেষ পর্যন্ত স্ক্রোল করুন। বাটনে ক্লিক করুন, যাতে সম্পূর্ণ স্ক্রোলের পরিমাণ দেখানো হয়।
এলিমেন্টের scrollHeight নিন এবং এটি থেকে সম্পূর্ণ স্ক্রোলের পরিমাণ
(পূর্ববর্তী কাজ থেকে) বিয়োগ করুন। কী মান পাওয়া যায়?
এটি কোন মাত্রাগুলি ধারণ করে?
offsetHeight এবং সম্পূর্ণ স্ক্রোলের পরিমাণ যোগ করুন।
এই যোগফলটি scrollHeight এর মান থেকে বিয়োগ করুন।
কোন সংখ্যা পাওয়া যায়?
