/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 vote136 views1 answer
Dynamic classname react
Javascript React
0 vote146 views1 answer
How to write sepearet styles in single line in react native
Javascript React
18 votes148 views4 answers
React get route params
Javascript React
5 votes188 views2 answers
Onclick multiple functions react
Javascript React
1 vote129 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React
1 vote130 views1 answer
Reactjs .htaccess
Javascript React
1 vote143 views1 answer
React transition group
Javascript React
0 vote138 views1 answer
React component will mount new method
Javascript React
0 vote144 views3 answers
How to serve React JS static files with express JS?
Javascript React
0 vote133 views1 answer
React tooltip doesn't work
Javascript React