使用JavaScript实现滚动条默认处于底部

虽然还没有学过JavaScript，但在最近JSP作业里面有一个写聊天框的需求

而聊天框的滚动条得默认一直处于页面底部。

通过百度，得到的JavaScript的代码为

var div = document.getElementById('chat');
div.scrollTop = div.scrollHeight;

里面的div是一个变量，不用修改，里面的'chat'是添加了滚动条的div标签的id名。

 

但是直接放在Script标签里面并没有实现效果

发现

以上只是实现滚动条处于底部的代码，而这个代码应该放在什么实现还要再做一些处理

根据需求，这些代码应该放在一个函数里面，然后函数应该在页面打开的时候就自动执行

修改后的代码为

window.onload = function()
        {
            var div = document.getElementById('chat');
                    div.scrollTop = div.scrollHeight;
        }

window.onload就是在页面打开时执行的意思

最后把这个代码复制到script标签里面即可