注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 

日志

 
 
关于我

一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。

网易考拉推荐

将div的scrollbar滚动到底部  

2011-06-16 23:02:24|  分类: Javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

WEB聊天窗口,WEB日志信息,为显示最新的消息,需要将滚动条滚到底部。

其实处理方式很简单:使用 div.scrollTop = div.scrollHeight; 

示例

HTML

        <div id="logs" ></div>

CSS

         .logs {

               height: 200px;

               width: 150px;

               overflow-y:auto;

           }

JS

            var div = document.getElementById('logs');

            var p = document.createElement(p);

            p.innerHTML = 'this is a log';

            div.appendChild(p);

            //让日志scrollbar 滚到底部

           div.scrollTop = div.scrollHeight; 


当你append多条日志时,使div出现scrollbar时,你就会发现scrollbar持续向下滚动的效果。


  评论这张
 
阅读(1344)| 评论(0)
推荐

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017