如何设置水平滚动位置反应

Question

我正在尝试将页面设置为加载时中间的水平滚动位置。

我试过在componentDidMount函数（我确认正在调用）中调用window.scrollBy（以及其他诸如scrollTo等）。 我无法使其同时用于水平或垂直滚动​​。 npm软件包“ react-scroll”确实有效，但仅适用于垂直滚动。

编辑：tech_amity是正确的，这些函数采用两个参数：x和y坐标。 但是在我的情况下，问题是通过在新的父容器div上的onLoad事件中访问window.scrollTo（）函数解决的。 我仍然不太确定为什么。

所以：

function moveLeft()
{
  window.scrollTo(300, 0);
}

//and then in the JSX/html:

<div onLoad={moveLeft}>
//... stuff i want to scroll
</div>

Answer 1

您应该在滚动功能中给出适当的坐标。

window.scrollTo(x-coord, y-coord);
window.scrollTo(scroll-to-middle, 0);

根据您的需要给出x坐标。