Properti scrollHeight DOM HTML Element

definisi dan penggunaan

scrollHeight properti ini mengembalikan tinggi elemen dalam satuan piksel, termasuk marjin dalam, tetapi bukan garis, bilah gerak atau marjin luar.

scrollHeight properti ini hanya-baca.

catatan:scrollWidth dan scrollHeight keduanya mengembalikan tinggi dan lebar keseluruhan elemen, termasuk bagian yang tak terlihat (disebabkan oleh kelebihan).

lihat pula:

properti scrollWidth

Properti overflow CSS

contoh

contoh 1

ambil tinggi dan lebar elemen, termasuk marjin dalam:

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

coba sendiri

contoh 2

bagaimana padding, border dan scrollbar mempengaruhi scrollWidth dan scrollHeight:

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

coba sendiri

contoh 3

atur tinggi dan lebar elemen menjadi nilai yang dibalikkan oleh scrollHeight dan scrollWidth:

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

coba sendiri

syntaks

element.scrollHeight

nilai kembalian

tipe deskripsi
angka tinggi elemen, dalam satuan piksel.

pendukung browser

semua peramban mendukung element.scrollHeight：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan Dukungan