码迷,mamicode.com
首页 > Web开发 > 详细

js控制div内的滚动条的位置

时间:2017-07-24 23:45:25      阅读:437      评论:0      收藏:0      [点我收藏+]

标签:滚动   位置   overflow   通过   pre   div   width   scrolltop   java   

通过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>

.

js控制div内的滚动条的位置

标签:滚动   位置   overflow   通过   pre   div   width   scrolltop   java   

原文地址:http://www.cnblogs.com/crazycode2/p/7231549.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!