javascript如何让div实现像window.scroll(x,y)的功能?
如题,javascript中如何让<div>实现像window.scroll(x,y)的功能?谢谢!该div限制了高度和宽度,overflow选auto里面添了很多东西,...
如题,javascript中如何让<div>实现像window.scroll(x,y)的功能?
谢谢!
该div限制了高度和宽度,overflow选auto
里面添了很多东西,所以产生了滚动条。
问题是如何让它也实现像window.scroll(x,y)功能呢? 展开
谢谢!
该div限制了高度和宽度,overflow选auto
里面添了很多东西,所以产生了滚动条。
问题是如何让它也实现像window.scroll(x,y)功能呢? 展开
1个回答
展开全部
使用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>
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询