Window pageXOffset এক্সিস

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

pageXOffset এক্সিস ডকুমেন্টটি উইন্ডোর ডানদিকের উপর সরানো পিক্সেল সংখ্যা ফিরিয়ে দেয়

pageXOffset এক্সিস সমান scrollX এক্সিস

pageXOffset এক্সিস হলো শুধুমাত্র পড়ায় মানুষ

আরও দেখুন:

screenX এক্সিস

screenY এক্সিস

প্রতিদর্শন

উদাহরণ 1

কনটেন্টকে 100 পিক্সেল সরানো এবং pageXOffset এবং pageYOffset-এর প্রতীক্ষা করুন:

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

আপনার নিজেই চেষ্টা করুন

উদাহরণ 2

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

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

আপনার নিজেই চেষ্টা করুন

সংজ্ঞান

window.pageXOffset

বা:

pageXOffset

ফলাফল

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

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

সমস্ত ব্রাউজারগুলোই সমর্থন করে window.pageXOffset：

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