Javascript React window.pageYOffset在滚动时保持为零

Javascript React window.pageYOffset在滚动时保持为零,javascript,reactjs,react-hooks,dom-events,use-effect,Javascript,Reactjs,React Hooks,Dom Events,Use Effect,我可以向下滚动页面,但窗口。pageYOffset不变。它始终保持为零。请参阅下面我的代码片段 const LandingPage = () => { const [offsetY, setOffsetY] = useState(0); const handleScroll = () => setOffsetY(window.pageYOffset); useEffect(() => { window.addEventListener('scroll',

我可以向下滚动页面,但
窗口。pageYOffset
不变。它始终保持为零。请参阅下面我的代码片段

const LandingPage = () => {
  const [offsetY, setOffsetY] = useState(0);

  const handleScroll = () => setOffsetY(window.pageYOffset);

  useEffect(() => {
    window.addEventListener('scroll', handleScroll);
    return () => window.removeEventListener('scroll', handleScroll);
  }, []);
  return (
    <div className="landing-page">
      {offsetY}
    </div>
  );
};
export default LandingPage;
const LandingPage=()=>{
const[offsetY,setOffsetY]=useState(0);
constHandleScroll=()=>setOffsetY(window.pageYOffset);
useffect(()=>{
window.addEventListener('scroll',handleScroll);
return()=>window.removeEventListener('scroll',handleScroll);
}, []);
返回(
{offsetY}
);
};
导出默认登陆页面;
window.removeEventListener('scroll',handleScroll)将在第一次调用后立即删除事件侦听器,因此页面偏移量保持为0。尝试删除该返回方法。