ویژگی scrollHeight HTML DOM Element

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

scrollHeight ویژگی بازگشتی ارتفاع عنصر را به پیکسل‌ها بازمی‌گرداند، شامل پدینگ، اما نه حاشیه، نوار прокрутگی یا حاشیه‌های بیرونی.

scrollHeight ویژگی‌ها فقط خواندنی هستند.

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

لطفاً به: مراجعه کنید

ویژگی scrollWidth

خصوصیت overflow CSS

مثال

مثال 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 اپرا
پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی پشتیبانی