d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-08 23:16:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

bugfix:jump-to-top被遮盖

Browse Source
This commit is contained in:
tangly1024
2021-10-27 10:53:31 +08:00
parent fcfe9d191e
commit 511be00679
1 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
components/JumpToTop.js
View File

@@ -20,6 +20,7 @@ const JumpToTop = ({ targetRef, showPercent = true }) => {
const scrollY = window.pageYOffset const scrollY = window.pageYOffset
const fullHeight = clientHeight - window.outerHeight const fullHeight = clientHeight - window.outerHeight
const shouldShow = scrollY > 100 const shouldShow = scrollY > 100
console.log(clientHeight, scrollY, fullHeight, shouldShow)
if (shouldShow !== show) { if (shouldShow !== show) {
switchShow(shouldShow) switchShow(shouldShow)
} }
@@ -33,7 +34,7 @@ const JumpToTop = ({ targetRef, showPercent = true }) => {
}, [show]) }, [show])
return ( return (
<div className='right-0 space-x-2 fixed flex bottom-24 px-5 py-1 duration-500'> <div id='jump-to-top' className='right-0 space-x-2 fixed flex bottom-24 px-5 py-1 duration-500 z-20'>
<div className='flex-wrap transform hover:scale-125 duration-200 '> <div className='flex-wrap transform hover:scale-125 duration-200 '>
<div <div
onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })} onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}