在ReactJS中获取窗口位置

时间:2018-09-27 16:26:40

标签: javascript reactjs

我正在尝试创建一个页眉,该页眉在页面顶部时较大,而在用户向下滚动时缩小一些。在不使用React的情况下,我已经通过在之前添加一个额外的CCS元素来完成此操作。所以我知道使用className = { *不知道在这里放什么(某种检查类型,以查看用户是否位于页面顶部0-100px内)* ? “ header”:“ header header_shrink”}。

我相信我的问题是,由于React使用虚拟DOM,因此网页始终认为它已滚动到最大高度...即使在滚动VDOM时也是如此。我还相信,react-event-listener不能解决我的问题。

在这里我有什么选择?预先感谢。

1 个答案:

答案 0 :(得分:0)

您可以使用:

document.body.scrollTop === 0

(如果您只想在最顶部)。

或者你可以做

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