উইন্ডো স্ক্রল ইউনাইটি অপারেশন

সংজ্ঞা ও ব্যবহার

scrollY অপারেশন

scrollY অপারেশন

পরীক্ষা

scrollY অপারেশন pageYOffset অপারেশন

ক্রমাগত ব্রাউজার সংহত্যার জন্য ব্যবহার করুন: window.pageYOffset বদলে: window.scrollY.

অন্যান্য পরিদর্শন:

pageXOffset অপারেশন

pageYOffset অপারেশন

ইনস্ট্যান্স

উদাহরণ ১

সামগ্রীকে ১০০ পিক্সেল স্ক্রল করুন এবং scrollX এবং scrollY প্রদর্শন করুন:

window.scrollBy(100, 100);
alert(window.scrollX + window.scrollY);

আপনি স্বয়ং চেষ্টা করুন

উদাহরণ ২

স্টিকি নেভিগেশন বার তৈরি:

// নেভিগেশন বার উপস্থাপন
const navbar = document.getElementById("navbar");
// নেভিগেশন বারের অবস্থান উপস্থাপন
const sticky = navbar.offsetTop;
// আপনি তার স্ক্রল অবস্থানে পৌঁছালে, sticky ক্লাসটি নেভিগেশন বার যুক্ত করুন। স্ক্রল অবস্থান ছাড়ালে sticky ক্লাসটি অপসারণ করুন。
function myFunction() {
  if (window.scrollY >= sticky) {
    navbar.classList.add("sticky")
  }
    navbar.classList.remove("sticky");
  }
}

আপনি স্বয়ং চেষ্টা করুন

সাঙ্কেতিক

window.scrollY

বা:

scrollY

ফলাফল

ধরন বর্ণনা
নম্বর ডকুমেন্টটি উইন্ডোর ডানদিকের শীর্ষ থেকে রোলওয়ার পিক্সেল সংখ্যা。

�ড়য়কার সমর্থন

সমস্ত ব্রাউজারগুলি সমর্থন করে window.scrollY：

চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
চ্রোম আইই এজ ফায়ারফক্স স্যাফারি অপেরা
সমর্থন 9-11 সমর্থন সমর্থন সমর্থন সমর্থন