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

怎么让div内的某个元素固定不随div的滚动条的滚动而滚动?

怎么让div内的某个元素固定不随div的滚动条的滚动而滚动?

如何使用JS控制DIV内容的滚动条

页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置

如何用js控件div的滚动条,让它在内容更新时自动滚到底部?

js如何控制整个页面滚动条的位置