/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 vote230 views1 answer
React load after scrolling
Javascript React
0 vote226 views1 answer
Outline none react native web
Javascript React
0 vote223 views1 answer
React Update a label when rate moves "quietly"
Javascript React
0 vote222 views1 answer
Bootstrap modal disable close on click outside react bootstrap
Javascript React
0 vote240 views1 answer
React-select-search useSelect hook
Javascript React
1 vote224 views1 answer
React redux not updating
Javascript React
6 votes220 views3 answers
React native vector icons not showing
Javascript React
0 vote207 views1 answer
React-anime
Javascript React
4 votes226 views2 answers
HandleClick react
Javascript React
66 votes203 views6 answers
Routing react
Javascript React