/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

1 vote199 views2 answers
This setstate previous state react
Javascript React
5 votes199 views4 answers
How to use useref hook in react
Javascript React
0 vote212 views1 answer
Firebase integration in react
Javascript React
40 votes210 views4 answers
What does useref do react
Javascript React
111 votes233 views6 answers
Install bootstrap in react
Javascript React
4 votes208 views2 answers
How to find out which version of React
Javascript React
5 votes189 views2 answers
Get url query in react
Javascript React
11 votes203 views3 answers
Add condition inside a className in reactjs
Javascript React
0 vote182 views4 answers
React node sequilize
Javascript React
11 votes256 views4 answers
How to check for react version
Javascript React