ویژگی scrollLeft فریم‌ورک HTML DOM Element

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

scrollLeft ویژگی تنظیم یا بازگرداندن تعداد پیکسلی‌ای که محتوای عنصر به صورت افقی می‌چرخد.

لطفاً ببینید:

ویژگی scrollTop

خصوصیت overflow CSS

رویداد 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:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی