diff --git a/src/hooks/useHeaderTitle.ts b/src/hooks/useHeaderTitle.ts
new file mode 100644
index 00000000..c3f3b4da
--- /dev/null
+++ b/src/hooks/useHeaderTitle.ts
@@ -0,0 +1,8 @@
+import { useIntersectionObserver } from './useIntersectionObserver';
+
+export const useHeaderTitle = <T extends HTMLElement>() => {
+  const [entryRef, entry] = useIntersectionObserver<T>({});
+  const showHeaderTitle = !entry?.isIntersecting;
+
+  return { entryRef, showHeaderTitle };
+};