🚨 Fix: 크롬 threshold 인식 안되는 문제 수정

prgrms-fe-devcourse · Oct 9, 2023 · aa385b6 · aa385b6
1 parent a76b6d4
commit aa385b6
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/pages/posts/hooks/useObserver.ts b/src/pages/posts/hooks/useObserver.ts
@@ -1,7 +1,7 @@
 import { useCallback, useRef } from 'react';
 
 const useObserver = (callback: () => void) => {
-  const observerOption = useRef({ threshold: 1 });
+  const observerOption = useRef({ threshold: 0.5 });
   const observerFn: IntersectionObserverCallback = useCallback(
     (entries, observer) => {
       entries.forEach((entry) => {
@@ -10,6 +10,7 @@ const useObserver = (callback: () => void) => {
         }
         if (entry.isIntersecting) {
           callback();
+          console.log('intersectioning');
         }
       });
     },