聊天窗口 滚动条置底(转载,已经测试,确实好用)

来源:互联网 发布:淘宝买知网账号靠谱吗 编辑:程序博客网 时间:2024/06/03 21:07

Java 代码

  1. <script type="text/javascript" language="javascript" 
  2.     //DIV的滚动条始终显示聊天窗口最底部   
  3.       function  setDIV()   
  4.             var div document.getElementByIdx_x_x('msg');  
  5.             div.scrollTop div.scrollHeight;   
  6.             //切忌setTimeout一定要放在这里,勿放onload里面,否则div的滚动条只能指在倒数第2行         
  7.              setTimeout('setDIV()'200);  //如果去掉定时刷新,屏蔽此行
  8.        
  9.        window.onload function() {setDIV();}  
  10. </script>  

Html 代码
  1. <div id="msg" style="width: 420px; height: 150px; overflow-y: scroll; border: 1px solid #999; overflow: auto; background-color: #FFFFFF">  
  2. </div>  
  3.   
  4. <input type="button" value="发送" onclick="setDIV();">  
原创粉丝点击