HTML DOM Element scrollLeft প্রতিভূতি

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

scrollLeft প্রতিভূতি সেট কিংবা ফলাফল করা এলিমেন্টের কনটেন্টের হলবার স্ক্রোলিং পিক্সেল সংখ্যা。

অন্যান্য দেখুন:

scrollTop প্রতিভূতি

CSS overflow বৈশিষ্ট্য

onscroll ঘটনা

প্রতিমান

উদাহরণ 1

স্ক্রোল "myDIV" এর কনটেন্টের পিক্সেল সংখ্যা পাওয়া হবে:

const element = document.getElementById("myDIV");
let x = elmnt.scrollLeft;
let y = elmnt.scrollTop;

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

উদাহরণ 2

এলিমেন্ট "myDIV" এর কনটেন্টকে 50 পিক্সেল হলবার স্ক্রোল করুন, 10 পিক্সেল ভারতীয়ভাবে স্ক্রোল করুন:

const element = document.getElementById("myDIV");
element.scrollLeft = 50;
element.scrollTop = 10;

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

উদাহরণ 3

এলিমেন্ট "myDIV" এর কনটেন্টকে 50 পিক্সেল হলবার স্ক্রোল করুন, 10 পিক্সেল ভারতীয়ভাবে স্ক্রোল করুন:

const element = document.getElementById("myDIV");
element.scrollLeft += 50;
element.scrollTop += 10;

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

উদাহরণ 4

বড় বড় <body> এর কনটেন্টকে 30 পিক্সেল হলবার স্ক্রোল করুন, 10 পিক্সেল ভারতীয়ভাবে স্ক্রোল করুন:

const html = document.documentElement;
html.scrollLeft += 30;
html.scrollTop += 10;

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

সংজ্ঞা

scrollLeft প্রতিভূতি ফিরিয়ে দিন:

element.scrollLeft

scrollLeft প্রতিভূতি সেট করুন:

element.scrollLeft = pixels

প্রতিভূতি

মান বর্ণনা
pixels

এলিমেন্টের কনটেন্ট হলবার হোরিজন্টাল স্ক্রোলিং পিক্সেল সংখ্যা。

  • যদি এই সংখ্যা নেতিবাচক না হলে, তবে এই সংখ্যা 0 হিসাবে সেট করা হবে。
  • যদি এলিমেন্ট স্ক্রোল করতে পারে না, তবে এই সংখ্যা 0 হিসাবে সেট করা হবে。
  • যদি এই সংখ্যা সবমুক্ত সর্বোচ্চ মানের থেকে বেশি হয়, তবে এই সংখ্যা সর্বোচ্চ মানে সেট করা হবে。

ফলাফল

ধরন বর্ণনা
নম্বর এলিমেন্টের কনটেন্ট হলবার হোরিজন্টাল স্ক্রোলিং পিক্সেল সংখ্যা。

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

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

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