滚动到页面中的特定位置-React.js

Question

我正在尝试创建一个简单的操作，当页面加载时，页面将滚动到某个位置。

但无论我做什么，行动都不会开火。

在React应用程序中还有其他方法可以做到这一点吗？

例如：

window.scrollBy(0, 850);

Answer 1

将其包裹在useEffect:中

useEffect(() => {
window.scrollBy(0, 850);
}, []);

这样，它在页面装载时运行。

Answer 2

是的，您可以通过ref 来完成此操作

步骤

1. 使用useRef((创建一个ref
2. 将该引用指定给要滚动到的元素3.在useEffect中创建一个useEffect添加此代码

useEffect(() => {
ref.current.scrollIntoView()
} ,[])

同样的道理也适用于如果你只想滚动到某个高度，你可以把它包裹在一个useEffect中，当组件安装时就会触发