聊天窗口，滚动条置底

  
  

   
   <!
   
   DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
   
   >
   
   

   
   <
   
   html 
   
   xmlns
   
   ="http://www.w3.org/1999/xhtml"
   
   >
   
   

   
   <
   
   head
   
   >
   
   

   
   <
   
   meta 
   
   http-equiv
   
   ="Content-Type"
   
    content
   
   ="text/html; charset=utf-8"
   
    
   
   />
   
   

   
   <
   
   title
   
   >
   
   无标题文档
   
   </
   
   title
   
   >
   
   

   
   <
   
   script 
   
   type
   
   ="text/javascript"
   
   >
   
   
 
   
   function
   
    add() {
 
   
   var
   
    now 
   
   =
   
    
   
   new
   
    Date();
 
   
   var
   
    div 
   
   =
   
    document.getElementById(
   
   '
   
   scrolldIV
   
   '
   
   );
 div.innerHTML 
   
   =
   
    div.innerHTML 
   
   +
   
    
   
   '
   
   time_
   
   '
   
    
   
   +
   
    now.getTime() 
   
   +
   
    
   
   '
   
   <br />
   
   '
   
   ;
 div.scrollTop 
   
   =
   
    div.scrollHeight; 
 }
 
 
   
   function
   
    scrollWindow() {
 scroll(
   
   0
   
   , 
   
   100000
   
   );
 setTimeout(
   
   '
   
   scrollWindow()
   
   '
   
   , 
   
   200
   
   );
 }
 window.onload 
   
   =
   
    
   
   function
   
   () { scrollWindow(); }
 
   
   </
   
   script
   
   >
   
   


   
   </
   
   head
   
   >
   
   


   
   <
   
   body
   
   >
   
   
 
   
   <
   
   div 
   
   id
   
   ="scrolldIV"
   
    style
   
   ="overflow-y:scroll; overflow-x:hidden; height: 100px; width: 400px; border: 1px solid #999;"
   
   >
   
   
 
   
   </
   
   div
   
   >
   
   
 
   
   <
   
   input 
   
   type
   
   ="button"
   
    value
   
   ="插入一行"
   
    onclick
   
   ="add();"
   
   >
   
   

   
   </
   
   body
   
   >
   
   

   
   </
   
   html
   
   >