下面小编就为大家带来一篇让DIV的滚动条自动滚动到最底部的3种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧

要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。

聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。

但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用 document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页 面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。

网上关于这个问题的资料很少，连CSDN上也说没有办法。

不死心，后来查DHTML手册得知DIV有个doScroll方法可以用来模拟滚动条点击，但很令人失望，到了我这里又是完全失效，难道又不被XHTML支持？

最后终于被我找到三种控制DIV内容滚动的方法：

方法一：

使用锚标记要滚动到的位置，然后通过click方法模拟点击滚动到锚所在位置

” />

将滚动条（scrollbar）保持在最底部的方法

请点击“插入一行”按钮，插入最新信息，当出现滚动条时，滚动条将自动保持在底部。

以上就是小编为大家带来的让DIV的滚动条自动滚动到最底部的3种方法(推荐)的全部内容了，希望对大家有所帮助，多多支持脚本之家~

您可能感兴趣的文章:

• 判断div滑动到底部的scroll实例代码
• 实现div滚动条默认最底部以及默认最右边的示例代码
• 用js控件div的滚动条,让它在内容更新时自动滚到底部的实现方法
• jQuery实现将div中滚动条滚动到指定位置的方法
• JS实现判断滚动条滚到页面底部并执行事件的方法
• Javascript实现DIV滚动自动滚动到底部的代码
• 实现div内部滚动条滚动到底部和顶部的代码

依据《信息网络传播权保护条例》第二十二条之规定，即“避风港原则”，本站所有文章及内容系第三方作者上传，如有侵权行为请及时联系本站删除，本站不对内容传播行为承担赔偿责任。