/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 vote191 views3 answers
React mid senior dev interview questuions
Javascript React
0 vote213 views1 answer
Set cors for a react node application socket error
Javascript React
4 votes183 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
1 vote251 views1 answer
Running scripts is disabled on this system react js
Javascript React
5 votes314 views2 answers
Add object in array state react
Javascript React
1 vote212 views1 answer
React-native curved view
Javascript React
5 votes218 views2 answers
Remove underline from link i react
Javascript React
17 votes204 views3 answers
React router url params
Javascript React
0 vote190 views1 answer
Import a component react js
Javascript React
0 vote190 views1 answer
Horizontal cards react bootstrap
Javascript React