php聊天室滚动条永远在最下方,js实现将div等滚动条(scrollbar)保持在最底部的方法...

很多时候我们要让程序的滚动条保持在底部,如聊天室.

下面将利用div+css+javascript实现保持滚动条在最底部.

代码如下,

.cdiv{

background-color: white;

height: 100px;

width: 380px;

padding-left: 0;

overflow-y: scroll;

position: relative;

word-wrap: break-word;

overflow-x: auto;

text-align:left;

}

var test = document.getElementById("test");

var div = document.getElementById("divmsg");

test.onclick = function () {

div.innerHTML = div.innerHTML+"js实现将div等滚动条(scrollbar)保持在最底部的方法.--By www.zhixing123.cn[知行网].
";

div.scrollTop = div.scrollHeight;

}