feat: useWindowScroll - for cross-browser compatibility (#480)

feat: useWindowScroll - for cross-browser compatibility
streamich · Jul 25, 2019 · e37dd8d · e37dd8d
2 parents c58aac0 + 5987cc8
commit e37dd8d
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/useWindowScroll.ts b/src/useWindowScroll.ts
@@ -9,17 +9,17 @@ export interface State {
 const useWindowScroll = (): State => {
   const frame = useRef(0);
   const [state, setState] = useState<State>({
-    x: isClient ? window.scrollX : 0,
-    y: isClient ? window.scrollY : 0,
+    x: isClient ? window.pageXOffset : 0,
+    y: isClient ? window.pageYOffset : 0,
   });
 
   useEffect(() => {
     const handler = () => {
       cancelAnimationFrame(frame.current);
       frame.current = requestAnimationFrame(() => {
         setState({
-          x: window.scrollX,
-          y: window.scrollY,
+          x: window.pageXOffset,
+          y: window.pageYOffset,
         });
       });
     };