让div滚动条自动滚动到最底部

让div滚动条自动滚动到最底部

ID:24259461

大小:24.50 KB

页数:3页

时间:2018-11-13

让div滚动条自动滚动到最底部_第1页
让div滚动条自动滚动到最底部_第2页
让div滚动条自动滚动到最底部_第3页
资源描述:

《让div滚动条自动滚动到最底部》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、让DIV的滚动条自动滚动到最底部要制作一个在线聊天的程序,在做最后的修饰时,需要对获得的信息即时滚动以保证用户总能看到最新消息。聊天程序是基于AJAX设计的,没有用框架,消息容器是一个DIV,所以问题就在于如何控制DIV的滚动条。网上有资料介绍说通过设置scrollTop属性来控制滚动条位置,具体可参见:http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html但同样的代码拿到我这里却完全失效,又仔细查了下资料说XHTM

2、L标准下scrollTop的值恒为0,解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop,讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了,因为不是框架结构,所以不可能用body的滚动条控制浏览信息。网上关于这个问题的资料很少,连CSDN上也说没有办法。不死心,后来查DHTML手册得知DIV有个doScroll方法可以用来模拟滚动条点击,但很令人失望,到了我这里又是完全失效,难道又不被XHTML支持?最后终于被我找

3、到三种控制DIV内容滚动的方法:方法一:使用锚标记要滚动到的位置,然后通过click方法模拟点击滚动到锚所在位置functiononGetMessage(context)  {          msg.innerHTML+=context;          msg_end.click();  }   

4、   

    
 
方法二:利用DIV的scrollIntoView方法,将最底端滚动到可视位置[list=1]functiononGetMessage(context)  {  

5、        msg.innerHTML+=context;          msg_end.scrollIntoView();  }    

  
方法三:这个比较复杂也比较灵

6、活一点,就是利用DIV+JS+图片构造一个滚动条,当然了图片是怎么好看怎么用了。主要部分就是外层的DIV加个overflow:hidden属性,通过js代码调整内层DIV的margin-left和margin-top来控制内容的滚动,由于上面两种方法已经可以满足需求,所以这种方法没具体做深究,有兴趣的可以试一下freedom831215:

7、vartext="";functionf(){vardiv11=document.getElementById("div1");if(text!=div11.innerHTML){  text=div11.innerHTML;  div11.scrollTop=div11.scrollHeight;}setTimeout("f()",0);}func

8、tionf1(){vardiv11=document.getElementById("div1");div11.innerHTML+="abc
";}  aaaaa
  aaaaa
  aaaaa

当前文档最多预览五页,下载文档查看全文
侵权申诉

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
相关标签