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

pexxcrt2 于 2022-11-04 发布在 React

关注(0)|答案(2)|浏览(150)

我试图创建一个简单的动作，当页面加载时，页面将滚动到某个位置。
但无论我做什么，动作都不会开火。
在React应用程序中是否有其他方法可以做到这一点？
例如：
window.scrollBy(0, 850);

2条答案

将其 Package 在useEffect内：

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

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

是的，您可以通过一个推荐人完成此操作
步骤数
1.使用useRef（）创建引用
1.将引用分配给要滚动到的元素3.在useEffect中创建useEffect添加以下代码

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

如果您只想滚动到某个高度，同样的方法也适用，您可以将其 Package 在一个useEffect中，该useEffect在组件挂载时触发