在 ReactJS 中获取窗口位置

Question

我正在尝试创建一个在页面顶部时较大的页眉，当用户向下滚动时会缩小一点。我之前在不使用 React 的情况下通过向 .所以我知道要使用 className={* 不知道放什么在这里（某种类型的检查以查看用户是否在页面顶部 0-100px 内）* ？ "header" : "header header_shrink"}.

我相信我的问题是，由于 React 使用虚拟 DOM，网页总是认为它被滚动到最大高度......即使 VDOM 被滚动。我也相信 react-event-listener 不能解决我的问题。

我在这里有什么选择？提前致谢。

Answer 1

你可以这样做：

document.body.scrollTop === 0

如果您只希望它位于最顶部。

你也可以这样做

if(window.scrollY==0){
 //user scrolled to the top of the page
}