无涯教程网

使用 Reactjs 获取滚动位置

发布于11月06日

我使用reactjs，想要处理click事件的滚动.

首先，我给出了componentDidMount篇文章的列表.

其次，在列表中的每篇文章上按click event，它将显示文章细节并滚动到顶部(因为我将文章细节放在页面的顶部位置).

第三，点击"close button"后的细节，它会返回以前的帖子列表，但我希望网站将滚动到准确的位置点击后.

我是这样使用的:

单击事件以查看帖子详细信息:

inSingle = (post, e) => {
   this.setState({
        post: post,
        theposition: //How to get it here?
   });
   window.scrollTo(0, 0);
}

我想得到theposition的状态，然后我可以精确地滚动到点击帖子的位置'Close event'.

推荐答案

这应该是有效的:

this.setState({
    post: post,
    theposition: window.pageYOffset
});

Reactjs相关问答推荐

未捕获的类型错误：类型Orbitum创建者未定义

呈现组件元素(MAP)中的问题

从app.js导航，这是在BrowserRouter包装之外

梅X折线图无响应

REACTION-Easy-SORT返回.map错误

Github 操作失败：发布 NPM 包

获取类别和页面的参数

使用 React + Vite 范围化 CSS

tRPC/react-query，在所有查询完成之前，组件不会收到任何 useQuery 的结果

React useEffect 依赖项

意外的标记.您可能需要一个合适的加载器来处理这种文件类型.书？.img？ /#PURE/React.createElement("img",

我正在try 使用 cypress 测试我的下拉列表，它 Select 值但不提交它们(手动工作)

React CSSTransition 两次创建新页面并在这两个相同的页面上运行转换

如何禁用来自 React Native API 的某些特定项目的可touch 不透明度

setState 改变对象引用

谁能根据经验提供有关 useEffect 挂钩的更多信息

在 Reactjs 中状态发生变化时渲染一个新组件而不替换旧组件

如何在 React 中的 Material Ui 多选中设置默认值？

如何不旋转 mui 自动完成弹出图标？

如何在 react-router-dom v6 中实现监听功能？

实用课程推荐

相关教程推荐