スクルロール量に応じてフローティングヘッダーの表示制御を行いたい
上のissueの中で次の実装例がある
const handleScroll = () => {}; useEffect(() => { if (typeof window !== "undefined") { window.addEventListener("scroll", handleScroll); } return () => window.removeEventListener("scroll", handleScroll); }, []);
上のissueの中で第二引数にhandleScroll
をセットする実装もあったが、これをやるとヘッダーが表示/非表示するたびにレンダリングされてしまったのでやらない