scrollHeight property (Internet Explorer)

The topic you requested is included in another documentation set. For convenience, it's displayed below. Choose Switch to see the topic in its original location.

9 out of 14 rated this helpful - Rate this topic

Retrieves the scrolling height of the object.

Syntax

JavaScript	`p = object.scrollHeight`

Property values

Type: Integer

Pointer to a nonnegative long integer that specifies the height, in pixels.

Remarks

The height is the distance between the top and bottom edges of the object's content.

This property is read-only on HTML documents, and read-write on fixed regions.

For more information about how to access the dimension and location of objects on the page through the Dynamic HTML (DHTML) Object Model, see Measuring Element Dimension and Location with CSSOM in Internet Explorer 9.

Examples

This example uses the scrollHeight property to retrieve the height of the viewable content.

Code example: http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollHeight.htm


<script type="text/javascript">
function fnCheckScroll(){
    var iNewHeight = oDiv.scrollHeight;
    alert("The value of the scrollHeight property is: " 
        + iNewHeight + "px"); 
}
</script>
...
<div id="oDiv" style="overflow: scroll; height= 100px; width= 250px; text-align: left">
	... 
</div>
<button onclick="fnCheckScroll()">Check scrollHeight</button>

scrollHeight property

Syntax

Property values

Remarks

Examples

See also

Community Additions