xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(mobile): header hideable ele scroll threshold

This commit is contained in:
DIYgod 2025-04-04 13:40:34 +08:00
parent 1d534b4f42
commit 4ea69b916e
No known key found for this signature in database
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/mobile/src/components/layouts/header/NavigationHeader.tsx
View File

@ -61,6 +61,7 @@ export interface NavigationHeaderRawProps {
hideableBottomHeight?: number
}
const HideableThreshold = 20
const useHideableBottom = (
enable: boolean,
originalDefaultHeaderHeight: number,
@ -94,9 +95,9 @@ const useHideableBottom = (
if (value <= 100) {
largeHeaderHeight.value = withTiming(largeDefaultHeaderHeight)
} else if (value > lastScrollY.current) {
} else if (value > lastScrollY.current + HideableThreshold) {
largeHeaderHeight.value = withTiming(originalDefaultHeaderHeight)
} else {
} else if (value < lastScrollY.current - HideableThreshold) {
largeHeaderHeight.value = withTiming(largeDefaultHeaderHeight)
}
lastScrollY.current = value