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

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

2020-09-15 04:50:51

通过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>
雨季盛开的花

2020-06-10 04:26:56

这需要判断屏幕的宽度,在设置滚动条位置
ヤo芳香的流年oο

2023-07-30 21:21:08

加入这个DIV的ID为div_Test
document.getElementById("div_Test").scrollLeft=document.getElementById("div_Test").scrollWidth;
虚伪无情

2020-11-04 00:01:23

document.body.scrollLeft = 9e9;
欧巴会发光

2021-09-28 02:17:54

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