Window pageYOffset প্রতিভূতি

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

pageYOffset প্রতিভূতি ফলাফল প্রদান করে যা ডকুমেন্টটি বান্ধবকৃতির সাথে ডকুমেন্টের উপর স্ক্রোল করা পিক্সেল

pageYOffset প্রতিভূতির মান scrollY প্রতিভূতি

pageYOffset প্রতিভূতি সম্পূর্ণ পড়ায় নয়

অন্যান্য উল্লেখ:

screenX প্রতিভূতি

screenY প্রতিভূতি

প্রয়োগ

উদাহরণ 1

অনুচ্ছেদটি 100 পিক্সেল স্ক্রোল করুন এবং pageXOffset এবং pageYOffset-কে নিশ্চিত করুন:

window.scrollBy(100, 100);
alert(window.pageXOffset + window.pageYOffset);

স্বয়ং প্রয়োগ করুন

উদাহরণ 2

চেতাবস্থার নেভিগেশন বার্তা তৈরি করুন:

// নেভিগেশন বার্তা পাওয়া
const navbar = document.getElementById("navbar");
// নেভিগেশন বার্তার offset স্থান পাওয়া
const sticky = navbar.offsetTop;
// আপনি যখন স্ক্রোলিং পদস্থানে পৌঁছান তখন sticky শ্রেণীটি নেভিগেশন বার্তাটিতে যোগ করুন। sticky স্ক্রোলিং পদস্থান থেকে ছেড়ে দিতে sticky শ্রেণীটি মুছে দিন
function myFunction() {
  if (window.pageYOffset >= sticky) {
    navbar.classList.add("sticky")
  } else {
    navbar.classList.remove("sticky");
  }
}

স্বয়ং প্রয়োগ করুন

গণিত

window.pageYOffset

বা:

pageYOffset

ফলাফল

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

ব্রাউজার সমর্থন

সমস্ত ব্রাউজারগুলো এটা সমর্থন করে pageYOffset：

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