Question

Javascript如何控制Div的滚动条的位置？

<style type="text/css">
#box
{
width: 100px;
height: 100px;
overflow: auto;
border: 1px solid #ccc;
}
#text
{
width: 280px;
height: 2000px;
}
</style>
<div id="box">
<div id="text"></div>
</div>正常页面的效果是（图一），求用Javascript的操作做到（图二效果），就是通用Javascript改变滚动条位置，也就是内部信息的位置。实现效果的回答！

Answer 1

你的意思是 在同一个页面 点击一个东西 页面会自动滚动到相应区域是吧？
这个不用JS也可以。
最简单的办法 就是加锚记
比如你要页面弹到ID=“text”这里来

写个<a href="#text"></a>就OK了

Answer 2

<a href="#锚点">

Answer 3

JAVASCRIPT中页面元素的定位。clientX、clientY 是鼠标当前相对于网页的位置，当鼠标位于页面左上角时 clientX=0, clientY=0；
offsetX、offsetY 是鼠标当前相对于网页中的某一区域的位置，当鼠标位于页面中这一区域的左上角时offsetX=0, offsetY=0；
screenX、screenY 是鼠标相对于用户整个屏幕的位置。x、y是鼠标当前相对于当前浏览器的位置。
scrollLeft：设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离（因为有滚动条的产生，所以目前页面可见内容是不定的）。
scrollTop：设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离。
left：对象相对于页面的X坐标。
top：对象相对于页面的Y坐标。