我正在尝试创建一个页眉,该页眉在页面顶部时较大,而在用户向下滚动时缩小一些。在不使用React的情况下,我已经通过在之前添加一个额外的CCS元素来完成此操作。所以我知道使用className = { *不知道在这里放什么(某种检查类型,以查看用户是否位于页面顶部0-100px内)* ? “ header”:“ header header_shrink”}。
我相信我的问题是,由于React使用虚拟DOM,因此网页始终认为它已滚动到最大高度...即使在滚动VDOM时也是如此。我还相信,react-event-listener不能解决我的问题。
在这里我有什么选择?预先感谢。
答案 0 :(得分:0)
您可以使用:
document.body.scrollTop === 0
(如果您只想在最顶部)。
或者你可以做
if(window.scrollY==0){
//user scrolled to the top of the page
}