Skip to content

Instantly share code, notes, and snippets.

@ahmedghazi

ahmedghazi/REACT SCROLL DIRECTION

Created June 10, 2020 08:28
Show Gist options
  • Save ahmedghazi/45d9705b399a5f08619f3ad7cfc95c6d to your computer and use it in GitHub Desktop.
Save ahmedghazi/45d9705b399a5f08619f3ad7cfc95c6d to your computer and use it in GitHub Desktop.
Download ZIP
Raw
REACT SCROLL DIRECTION
useEffect(() => {
document.addEventListener("scroll", _onScroll)
return () => document.removeEventListener("scroll", _onScroll)
}, [])
let prevScrollTop = 0
const _onScroll = () => {
// console.log(window.pageYOffset)
if(window.pageYOffset > prevScrollTop){
console.log("down")
}else{
console.log("up")
}
prevScrollTop = window.pageYOffset
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment