Mark Wybrow markwybrow

## hide-nav-on-scroll.md

      
        
          
            
              
              1 file
            
          
          
            
              
              0 forks
            
          
          
            
              
              0 comments
            
          
          
            
              
              0 stars
            
          
        
        
          
              
          
          
            
                markwybrow
                / hide-nav-on-scroll.md
            
            
              Created
              August 23, 2021 22:43
                — forked from whoisryosuke/hide-nav-on-scroll.md
            
              
                React - Hide nav/header/footer on scroll -- via: https://dev.to/n8tb1t/tracking-scroll-position-with-react-hooks-3bbj
              
          
        
      
        
  
      
    The hook
useScrollPosition.js:
import { useRef, useLayoutEffect } from 'react'

const isBrowser = typeof window !== `undefined`

function getScrollPosition({ element, useWindow }) {