cx/commerce
4
0
Fork 0
forked from crowetic/commerce
Code Pull Requests Activity

Fix: hasScrolled functionality

Browse Source
This commit is contained in:
matias4205 2020-10-31 12:31:07 -03:00
parent 19621632f5
commit 9b4408c13c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/core/Layout/Layout.tsx
View File

@ -36,14 +36,14 @@ const Layout: FC<Props> = ({ children, pageProps }) => {
isDisabled: !(displaySidebar || displayModal), isDisabled: !(displaySidebar || displayModal),
}) })
const handleScroll = useCallback(() => { const handleScroll = useCallback(
debounce(() => { debounce(() => {
const offset = 0 const offset = 0
const { scrollTop } = document.documentElement const { scrollTop } = document.documentElement
if (scrollTop > offset) setHasScrolled(true) if (scrollTop > offset) setHasScrolled(true)
else setHasScrolled(false) else setHasScrolled(false)
}, 1) }, 1)
}, []) , [])
useEffect(() => { useEffect(() => {
document.addEventListener('scroll', handleScroll) document.addEventListener('scroll', handleScroll)