在ReactJS中获取窗口位置

Question

我正在尝试创建一个页眉，该页眉在页面顶部时较大，而在用户向下滚动时缩小一些。在不使用React的情况下，我已经通过在之前添加一个额外的CCS元素来完成此操作。所以我知道使用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
}