Javascript 在组件内部向左滚动的方式是什么?

Javascript 在组件内部向左滚动的方式是什么?,javascript,reactjs,scroll,Javascript,Reactjs,Scroll,我有一个带有溢出-x:scroll;的面板组件 它有很多数据,我希望能够在其中水平滚动 怎么做呢 是否建议将ref的element.scrollRight设置为“DOM方式” 代码示例:您几乎做到了,它向左滚动 我猜,当像素计数从左到右开始时,只有scrollLeft函数。开始从左侧0到100%的宽度向右滚动 scrollRight = () => { if (this.text) { console.log("clicked...", this.text.curren

我有一个带有溢出-x:scroll;的面板组件

它有很多数据,我希望能够在其中水平滚动

怎么做呢

是否建议将ref的element.scrollRight设置为“DOM方式”

代码示例:

您几乎做到了,它向左滚动

我猜,当像素计数从左到右开始时,只有scrollLeft函数。开始从左侧0到100%的宽度向右滚动

scrollRight = () => {
    if (this.text) {
      console.log("clicked...", this.text.current.scrollLeft); // 0
      this.text.current.scrollLeft = 200;
      console.log("clicked...", this.text.current.scrollLeft); // 200
    }
};