خصوصیت scrollHeight عنصر HTML DOM

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

scrollHeight این خصوصیت ارتفاع عنصر را به واحد پیکسل بازمی‌گرداند، شامل اندازه‌های درونی، اما نه لبه‌ها، نوارهای کشویی یا حاشیه‌ها.

scrollHeight خصوصیات فقط خواندنی هستند.

نکته:scrollWidth و scrollHeight هر دو خصوصیت کل ارتفاع و عرض عنصر را بازمی‌گردانند، از جمله بخش‌های نامرئی (به دلیل جاری‌شدن).

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

خصوصیت scrollWidth

سی ایس ایس اوور فلاو پرپریٹی

مثال

مثال 1

ارتفاع و عرض عنصر را به همراه اندازه‌های درونی دریافت کنید:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

به طور مستقیم امتحان کنید

مثال 2

padding،border و scrollbar چگونه بر scrollWidth و scrollHeight تأثیر می‌گذارند:

const element = document.getElementById("content");
let x = element.scrollHeight;
let y = element.scrollWidth;

به طور مستقیم امتحان کنید

مثال 3

ارتفاع و عرض عنصر را بر اساس مقادیر بازگشتی scrollHeight و scrollWidth تنظیم کنید:

element.style.height = element.scrollHeight + "px";
element.style.width = element.scrollWidth + "px";

به طور مستقیم امتحان کنید

نحوه استفاده

element.scrollHeight

مقدار بازگشتی

نوع توضیح
عدد ارتفاع عنصر به واحد پیکسل.

حمایت مرورگر

تمام مرورگرها از آن حمایت می‌کنند element.scrollHeight:

Chrome IE Edge Firefox Safari اوپرا
Chrome IE Edge Firefox Safari اوپرا
پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی پشتیبندگی