/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

2 votes330 views1 answer
React-redix and redux
Javascript React
0 vote379 views1 answer
Import batch from 'react-redux'
Javascript React
0 vote346 views1 answer
Concept of node js with react js
Javascript React
0 vote330 views1 answer
How to only register one click on nested component and not parent component in react js
Javascript React
0 vote318 views1 answer
Keyboard avoidance view not working on react native
Javascript React
1 vote310 views1 answer
React native onpress show component
Javascript React
0 vote334 views1 answer
React hook form reset only one field
Javascript React
2 votes316 views3 answers
There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally.
Javascript React
0 vote353 views1 answer
Could not resolve project :react-native-iap mergedebugassets
Javascript React
7 votes370 views4 answers
Get parameter from url reactjs
Javascript React