html自动滚动显示消息的框,聊天窗口控制div的滚动条自动上移，显示最后一行信息...

overflow-x:scroll;左右滚动条法

overflow-y:scroll;上下滚动条法

var div=document.getElementByIdx_xx_x("contant1");

div.innerHTML=div.innerHTML+textcontent+"
";

div.scrollTop=div.scrollHeight;//使滚动条自动上移，显示最后一行的信息

例1：

http-equiv="Content-Type" content="text/html;charset=gb2312"

/>

function

refresh()

{

var

textcontent=document.getElementByIdx_xx_x_x("123").value;

if(textcontent

!="")

{

var

div=document.getElementByIdx_xx_x("contant1");

div.innerHTML=div.innerHTML+textcontent+"
";

div.scrollTop=div.scrollHeight;

}

}

οnlοad="refresh()">

id="contant1" style="overflow:auto; height:80px;

width:400px;">

type="text" id="123"

style="">

type="button" id="btn" value="sss"

οnclick="refresh();">

例2：

function sendText()

{

var e=document.getElementByIdx_xx_x("div1")

var inp=document.getElementByIdx_xx_x("inp")

e.innerText=e.innerText+"\n"+inp.value;

//e.scrollTop=e.scrollHeight;

}

function sc()

{

var e=document.getElementByIdx_xx_x("div1")

e.scrollTop=e.scrollHeight;

}

var s=setInterval("sc()",200)

style="width:300">

value="发送">