Window scrollX এট্রিবিউট

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

scrollX এট্রিবিউট ডকুমেন্টকে উপর দিক থেকে সরে যাওয়া পিক্সেল সংখ্যা ফিরিয়ে দেয়。

scrollX এট্রিবিউট অল্পব্যবহারী

সংজ্ঞান

scrollX এট্রিবিউট সমান pageXOffset এট্রিবিউটটি ব্যবহার করুন。

ক্রস-ব্রাউজার সম্পর্কিত সংহতির জন্য, window.pageXOffset বর্তমানে: window.scrollX.

আরও দেখুন:

pageXOffset এট্রিবিউট

pageYOffset এট্রিবিউট

প্রতিদর্শন

উদাহরণ 1

কনটেন্টকে 100 পিক্সেল সরিয়ে যাওয়া, এবং scrollX এবং scrollY-কে প্রদর্শন করুন:

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

আপনার নিজেই প্রয়োগ করুন

উদাহরণ 2

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

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

আপনার নিজেই প্রয়োগ করুন

সংজ্ঞান

window.scrollX

বা:

scrollX

ফলাফল

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

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

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

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