ویژگی scrollLeft HTML DOM Element

تعریف و استفاده

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:

کروم آئی ای ایج فائرفاکس سافری آپریا
کروم آئی ای ایج فائرفاکس سافری آپریا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی