如何控制一个元素'；javascript中的滚动条？

我需要这样的东西：

var obj=document.getElementById('s');
obj.scrollRight(200);

HTML:

内联元素。。

重要提示：我知道有一个“scrollTop（0）”函数，但我需要知道是否也有scrollRight（2）

对象向右滚动（200）不是一个函数。在javascript中，只能从左侧设置水平滚动。但这两者都不是功能。您只需设置

obj.scrollLeft=200参见示例：


var obj=document.getElementById（'s'）；
对象左=200
#s{
边框：实心3倍橙色；
宽度：200px；
高度：200px；
溢出：滚动；
/*您还可以使用：*/
/*溢出-x：滚动*/
/*溢出y：滚动*/
}
#s>div{
背景颜色：橙色；
不透明度：0.5；
宽度：1500px；
高度：1000px；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
对象向右滚动（200）不是一个函数。在javascript中，只能从左侧设置水平滚动。但这两者都不是功能。您只需设置
obj.scrollLeft=200参见示例：


var obj=document.getElementById（'s'）；
对象左=200
#s{
边框：实心3倍橙色；
宽度：200px；
高度：200px；
溢出：滚动；
/*您还可以使用：*/
/*溢出-x：滚动*/
/*溢出y：滚动*/
}
#s>div{
背景颜色：橙色；
不透明度：0.5；
宽度：1500px；
高度：1000px；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
使用

scrollLeft
是
scrollRight
。有点

它所做的只是设置
水平滚动。如果你把它设为零，它就会一直存在
左边如果将其设置为大于零的值，则它将移动
向右

使用

scrollLeft
是
scrollRight
。有点

它所做的只是设置
水平滚动。如果你把它设为零，它就会一直存在
左边如果将其设置为大于零的值，则它将移动
向右

如果
scrollRight
是您想要重复使用的东西，只需自己构建即可。很容易计算它应该如何工作：

HTML

<div class="container">
  <div class="big-element"></div>
</div>

JS

.container {
  border: 1px solid #666;
  width: 1000px;
  height: 400px;
  overflow-x: scroll;
  overflow-y: hidden;
}

.big-element {
  width: 1500px;
  height: 400px;
  background: linear-gradient(to right, #AAA, #CCC);
}

const container = document.querySelector('.container');
const bigel = document.querySelector('.big-element');

function scrollRight(value) {
  const available = bigel.offsetWidth - container.offsetWidth;
  container.scrollLeft = available - value;
}

scrollRight(200);

和

PS：如果你真的想更频繁地使用它，你甚至可以将它构建到
元素
原型中，尽管有些人不喜欢这样做。
如果
scrollRight
是你想要重复使用的东西，那就自己构建吧。很容易计算它应该如何工作：

HTML

<div class="container">
  <div class="big-element"></div>
</div>

JS

.container {
  border: 1px solid #666;
  width: 1000px;
  height: 400px;
  overflow-x: scroll;
  overflow-y: hidden;
}

.big-element {
  width: 1500px;
  height: 400px;
  background: linear-gradient(to right, #AAA, #CCC);
}

const container = document.querySelector('.container');
const bigel = document.querySelector('.big-element');

function scrollRight(value) {
  const available = bigel.offsetWidth - container.offsetWidth;
  container.scrollLeft = available - value;
}

scrollRight(200);

和

PS：如果你真的想更频繁地使用它，你甚至可以将它构建到
元素
原型中，尽管有些人不喜欢这样做。
scrollRight
很接近，但它实际上是。谢谢，它很有效！我也希望有正确的答案
scrollRight
已关闭，但实际上已关闭。谢谢，它工作正常！我也希望有正确的答案！