JavaScript DHTML/Document/Scroll
Body scroll Properties
<html>
<body id="myBody" bgcolor="white" text="#000000">
<button onclick="myBody.scroll="yes";">Scroll bars do appear</button>
<button onclick="myBody.scroll="no";">Scroll bars do not appear</button>
<button onclick="myBody.scroll="auto";">Scroll = auto</button>
</body>
</html>
"doScroll()" Example
<html>
<body>
<body id="myBody">
<button onclick="document.all.myBody.doScroll("scrollbarPageDown");">Page Down</button>
<button onclick="document.all.myBody.doScroll("scrollbarPageUp");">Page Up</button>
<div style="height:5000; width:500; background-color:blue;">Very large div element</div></body>
</body>
</html>
"scrollIntoView()" Example
<html>
<body>
<script language="JavaScript">
function function1(){
document.all.myDiv.scrollIntoView(true);
}
function function2(){
window.scrollTo(0,0);
}
</script>
<input type="button" value=" Scroll to the myDiv" onClick="function1();">
<div style="height:1000;background-color:blue;"></div>
<div id=myDiv onclick="function2();">
This is the element scrolled into view. Click here to go to top.
</div>
</body>
</html>