滚动条一直置于页面底部,开发聊天程序须知。

2019独角兽企业重金招聘Python工程师标准>>>

        有些时候（如开发聊天程序），我们需要将将滚动条（scrollbar）保持在最底部，比如聊天窗口，最新发出和收到的信息要显示在最下方，如果要看到最下方的内容，就必须保证滚动条保持在最底部。

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



function add()
{
var now = new Date();
var div = document.getElementById('scrolldIV');
div.innerHTML = div.innerHTML + 'time_' + now.getTime() + '';
div.scrollTop = div.scrollHeight;
}

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

    只要加入一段代码：

div.scrollTop = div.scrollHeight;

    就能解决问题了

转载于:https://my.oschina.net/leipeng/blog/194533