HTML DOM scrollHeight Eiendom
Voorbeeld
Kry die hele hoogte en breedte van 'n element, insluitend vulling:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die scrollHeight-eienskap gee die hele hoogte van 'n element in pieksels terug, insluitend vulling, maar nie die rand, skuifbalk of kantlyn nie.
Wenk: Gebruik die scrollWidth- eienskap om die hele breedte van 'n element terug te gee.
Die scrollWidth en scrollHeight eienskappe gee die hele hoogte en breedte van 'n element terug, insluitend die hoogte en breedte wat nie sigbaar is nie (as gevolg van oorloop).
Wenk: Gebruik die CSS -oorloop- eienskap om rolbalke by 'n element te voeg.
Hierdie eiendom is leesalleen.
Blaaierondersteuning
Property | |||||
---|---|---|---|---|---|
scrollHeight | 4.0 | 8.0 | 3.0 | 4.0 | Yes |
Sintaksis
element.scrollHeight
Tegniese besonderhede
Terugkeerwaarde: | 'n Getal, wat die hele hoogte (vertikaal) van 'n element in pixels voorstel |
---|
Meer voorbeelde
Voorbeeld
Gebruik opvulling, rand, rolbalk en kantlyn om te wys hoe dit die scrollWidth en scrollHeight-eienskap beïnvloed:
var elmnt = document.getElementById("content");
var y = elmnt.scrollHeight;
var x = elmnt.scrollWidth;
Voorbeeld
Stel die scrollHeight en scrollWidth van 'n element terug en stel dan sy hoogte en breedte in op die waardes wat teruggestuur word vanaf scrollHeight en scrollWidth:
var elmnt = document.getElementById("content");
function getFunction() {
var x = elmnt.scrollWidth;
var y = elmnt.scrollHeight;
}
function setFunction() {
elmnt.style.height = y.scrollHeight + "px";
elmnt.style.width = y.scrollWidth + "px";
}