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

div内有滚动条,div的宽度超出了浏览器的宽度,所以,右侧的滚动条只有在拖到最右端才能在浏览器中显示.如何用js控制滚动条始终在浏览器的右端显示?

举报该文章

相关建议推荐于2017-09-18

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

温馨提示：内容为网友见解，仅供参考

当前网址：https://22.t2y.org/zz/cc6i0tfhxtxt0ssh66t.html

其他看法

第1个回答 2014-05-06

这需要判断屏幕的宽度，在设置滚动条位置

第2个回答 2014-04-25

加入这个DIV的ID为div_Test
document.getElementById("div_Test").scrollLeft=document.getElementById("div_Test").scrollWidth;本回答被提问者采纳

第3个回答 2014-04-23

document.body.scrollLeft = 9e9;

第4个回答 2014-05-03

document.getElementById("div_Test").scrollLeft=document.getElementById("div_Test").scrollWidth

1 2 下一页

相似回答

大家正在搜