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

Posted 每天都要进步一点点

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js控制div内的滚动条的位置相关的知识,希望对你有一定的参考价值。

通过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内的滚动条的位置的主要内容,如果未能解决你的问题,请参考以下文章