/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 vote252 views4 answers
React tutorial for beginners
Javascript React
0 vote224 views1 answer
Making font weight bold by passing value in React.js
Javascript React
1 vote229 views1 answer
How to redirect in ionic react
Javascript React
0 vote234 views1 answer
React check if localhost
Javascript React
1 vote165 views1 answer
React use callback
Javascript React
0 vote228 views1 answer
Import Bootstrap to React Redux CRUD App
Javascript React
1 vote244 views1 answer
React toggle class
Javascript React
7 votes234 views3 answers
Conditional style react
Javascript React
3 votes226 views1 answer
React arrays
Javascript React
1 vote242 views1 answer
Rendering, reconciliation, committing in react
Javascript React