3pp-mirror/docusaurus
1
0
Fork 0
mirror of https://github.com/facebook/docusaurus.git synced 2025-08-06 10:20:09 +02:00
Code Issues Projects Releases Packages Wiki Activity

fix: handle rubber band scrolling in hideable navbar (#5721)

Browse source
This commit is contained in:
Alexey Pyltsyn 2021-10-20 18:43:10 +03:00 • committed by GitHub
parent d799405ace
commit fd41239f4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/docusaurus-theme-classic/src/theme/hooks/useHideableNavbar.ts
View file

@ -24,12 +24,19 @@ const useHideableNavbar = (hideOnScroll: boolean): useHideableNavbarReturns => {
return; return;
} }
const scrollTop = currentPosition.scrollY;
// It needed for mostly to handle rubber band scrolling
if (scrollTop < navbarHeight.current) {
setIsNavbarVisible(true);
return;
}
if (isFocusedAnchor.current) { if (isFocusedAnchor.current) {
isFocusedAnchor.current = false; isFocusedAnchor.current = false;
return; return;
} }
const scrollTop = currentPosition.scrollY;
const lastScrollTop = lastPosition?.scrollY; const lastScrollTop = lastPosition?.scrollY;
const documentHeight = const documentHeight =
document.documentElement.scrollHeight - navbarHeight.current; document.documentElement.scrollHeight - navbarHeight.current;