/Javascript/React/Toggle class onscroll hook react

Toggle class onscroll hook react

  const [scroll, setScroll] = useState(0)

  useEffect(() => {
    document.addEventListener("scroll", () => {
      const scrollCheck = window.scrollY < 100
      if (scrollCheck !== scroll) {
        setScroll(scrollCheck)
      }
    })
  })

Source: stackoverflow.com

Similar codes

0 vote107 views1 answer
Await zoomus.joinmeeting crashing app react native
Javascript React
14 votes125 views2 answers
React router link with params
Javascript React
0 vote122 views1 answer
./src/components/Header/HeaderElements.js [1] Module not found: Can't resolve 'react-icons/fa' in '/Users/rubenmatamoros/Desktop/ucf-coding-bootcamp-2020/fitter/client/src/components/Header'
Javascript React
1 vote123 views1 answer
Get children react
Javascript React
2 votes113 views1 answer
Can't import react bootstrap
Javascript React
-2 votes113 views2 answers
How to play around with backend node js and frontend react
Javascript React
114 votes142 views3 answers
Run react app
Javascript React
0 vote125 views1 answer
React load after scrolling
Javascript React
0 vote167 views7 answers
Convert css box shadow to react native
Javascript React
1 vote141 views1 answer
React addeventlistener useeffect
Javascript React