如何使用JS控制DIV内容的滚动条
如题，一个带滚动条的div，下啦到底部的情况下，如何用js回滚到顶部？暂不考虑锚点定位的情况下，是否还有其他方式？...
如题，一个带滚动条的div，下啦到底部的情况下，如何用js回滚到顶部？暂不考虑锚点定位的情况下，是否还有其他方式？
展开
2个回答
展开全部
1、首先需要新建一个HTML文档，这里设立一下基本的架构。
2、再新建一个CSS文件，用link关联一下HTML文档。
3、创建DIV标签，并且往里面填充内容。
4、先设定一下滚动条内框的大小。
5、用border先来查看是否有超出，这里可以看出超出了很多内容。
6、overflow-y: scroll;overflow-x: scroll;加上这个样式滚动条就会出现了。
7、现在就能对轨道和滚动条进行样式的设置了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
通过div的scrollTop变动控制垂直滚动条位置。
通过div的scrollLeft变动控制水平滚动条位置。
示例
<body>
//d1是外层div，带滚动条
<div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'>
<div style='height:500px;width:500px;background:yellow'>2222</div>
</div>
</body>
<script>
document.getElementById('d1').scrollTop=100;//通过scrollTop设置滚动到100位置
document.getElementById('d1').scrollLeft=200;//通过scrollTop设置滚动到200位置
</script>
通过div的scrollLeft变动控制水平滚动条位置。
示例
<body>
//d1是外层div，带滚动条
<div id='d1' style='height:200px;width:100px;overflow:auto;background:blue;'>
<div style='height:500px;width:500px;background:yellow'>2222</div>
</div>
</body>
<script>
document.getElementById('d1').scrollTop=100;//通过scrollTop设置滚动到100位置
document.getElementById('d1').scrollLeft=200;//通过scrollTop设置滚动到200位置
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
