JavaScript Reference/Javascript Properties/scrollTop
"scrollTop" Example
<source lang="javascript">
<html> <body> <script language="JavaScript"> function function1() {
mySL.innerHTML = myDiv.scrollLeft; myST.innerHTML = myDiv.scrollTop;
} </script>
Scroll Left: 0
Scroll Top: 0
<img src="yourimage.gif">
</body> </html>
</source>
"scrollTop" is applied to
<source lang="javascript">
+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> <applet> | | |<area> | | |<base> <basefont> | | | |
| |<body> || |
| |
<button> || | |
| |<dir>| | |<col> <colgroup> | | |<custom>
| | | || | |
- | | | <embed> | | |<fieldset> <form> | | |<frame> <frameset> | | |<head> <hn> | | |
<html> || | <iframe> | | |<img> <input> | | |<input type="button"> <input type="checkbox"> | | |<input type="file"> <input type="image"> | | |<input type="password"> <input type="radio"> | | |<input type="reset"> <input type="submit"> | | |<input type="text"> | | |<isindex> | | |<label> <legend> |
| |- <link> | | |<listing> <map> | | |<marquee> <menu> | | |<meta> <nobr> | | |<noframes> <noscript> | | |<object>
| | |<optgroup> <option> | | |
<param> | | |<plaintext>
| | || | | <script> | | |<select> | | || | | <style> | | | | | |<tbody> | | |
<textarea> | | |<tfoot> | | |<thead> <title> |
| || | | | | | <xmp> | +----------------+--------------------------------------------------------------+ </source>
"scrollTop" Syntax and Note
<source lang="javascript"> Note: Read-only properties.
Syntax:
document.all.getElementById("elementID").scrollLeft document.all.elementID.scrollLeft // IE only document.all.getElementById("elementID").scrollTop document.all.elementID.scrollTop // IE only
</source>