JavaScript DHTML/Document/Scroll

Материал из Web эксперт
Перейти к: навигация, поиск

Body scroll Properties

   <source lang="html4strict">
   

<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>


     </source>
   
  


"doScroll()" Example

   <source lang="html4strict">
   

<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>

Very large div element
</body>

</body> </html>


     </source>
   
  


"scrollIntoView()" Example

   <source lang="html4strict">
   

<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();">

This is the element scrolled into view. Click here to go to top.

</body> </html>


     </source>