nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-09-27 04:17:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improve Floating To Top button visibility logic based on scroll direction

Browse Source
This commit is contained in:
nyne
2025-05-31 16:38:45 +08:00
parent f5c14917f9
commit 24ba1e44be
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/components/navigator.tsx
View File

@@ -276,12 +276,14 @@ function FloatingToTopButton() {
const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
useEffect(() => { useEffect(() => {
let lastScrollY = window.scrollY;
const handleScroll = () => { const handleScroll = () => {
if (window.scrollY > 200) { const isScrollingUp = window.scrollY < lastScrollY;
setVisible(true); const isAboveThreshold = window.scrollY > 200;
} else {
setVisible(false); setVisible(isScrollingUp && isAboveThreshold);
} lastScrollY = window.scrollY;
}; };
window.addEventListener("scroll", handleScroll); window.addEventListener("scroll", handleScroll);