nyne/nysoure
1
0
Fork 0
mirror of https://github.com/wgh136/nysoure.git synced 2025-09-27 20:27: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

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

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