javascript如何让div实现像window.scroll(x,y)的功能?

来源:百度知道 编辑:UC知道 时间:2024/06/17 22:18:44
如题,javascript中如何让<div>实现像window.scroll(x,y)的功能?
谢谢!
该div限制了高度和宽度,overflow选auto
里面添了很多东西,所以产生了滚动条。
问题是如何让它也实现像window.scroll(x,y)功能呢?

使用div的scrollTop和scrollLeft两个属性:

<html>
<head>
<script language="javascript">
function scrollit(x,y)
{
mydiv.scrollTop=y;
mydiv.scrollLeft=x;
}
</script>
</head>
<body>
<div id="mydiv" style="overflow:auto;width:300px;height:100px;border:1px solid #ACACAC">
<img src="images/card.jpg" width="500" height="1000">
</div>
<input type="button" onclick="scrollit(20,100);" value="滚动">
</body>

</html>