如何使用 next.js 在控制台上記錄 window.scrollY 值？

Question

出於某種原因，我的 ScrollToTop 組件在我的應用程序中沒有按預期工作。 我已嘗試以我所知道的所有方式調試該問題，但我無法弄清楚為什么該組件未按預期記錄 scrollY 的值。 我試圖在我的應用程序的其他組件中移動下面的代碼段，但結果相同。 我試圖調用 toggleVisibilty function 但它只記錄 0 一次，然后沒有別的。 有人可以告訴我什么會導致這樣的錯誤嗎？ 謝謝

 const toggleVisibility = () => {
      console.log(window.scrollY)
      // window.pageYOffset >= 300 ?
      // setisVisible(true) :
    
      // setisVisible(false)
      // console.log(window.pageYOffset)      
    };
    //toggleVisibility()
    // const scrollToTop = () => {
    //   window.scrollTo({
    //       top:0,
    //       behavior: "smooth",
    //   });
    // };
    
    useEffect(() => {
      window.addEventListener('scroll', toggleVisibility, {passive: true});
      return () => window.removeEventListener('scroll', toggleVisibility);
      
    
    });

Answer 1

我發現我的錯誤是什么。 我的 html 和 body 在我的 css 文件中有一個高度屬性而不是最小高度。 當改變它時它工作正常。