DIV滚动条问题

lonelySurvive 2010-11-11 03:46:05

#userResultDiv
{
overflow: auto;
width: 100%;
height: 150px;
}

<div id="userResultDiv" ></div>

我在不断的userResultDiv.innerHTML+=e.result + "<br/>";
我想问下如何才能让滚动条更随我添加的内容，一直在最底下，就是最新信息出现的地方

...全文

97 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

damjmk2 2010-11-11

打赏
举报



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">

  <script type="text/javascript">

           function divChange(obj)

			{

				a1.scrollIntoView();	

			}



			function btnClick()

			{

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

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

				div1.removeChild(a1);



				var str = div1.innerHTML;

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

				div1.innerHTML =str + text.value;



				var newa1 = document.createElement("a");

				newa1.id = "a1";

				div1.appendChild(newa1);



				div1.click();

			}

  </script>

 </HEAD>



 <BODY>

  <div id="div1" style="height:60px; background-color:blue;overflow:auto;" onclick="divChange(this)">

    asdasd <br />

	asdasda<br />

	asdasd<br />

	asdasd<br />

	asdasd<br />

	asdasd<br />

	asdasd<br />

	asdasd<br />

	<a id="a1"></a>

  </div>

  <input type="button" value="点我输入内容" onclick="btnClick()" />

  <input type="text"  id="text" value="我移动到最下面了哦<br />" style="width:200px;" />

 </BODY>

</HTML>