BradNut/awesome-uses
1
0
Fork 0
mirror of https://github.com/BradNut/awesome-uses synced 2025-09-08 17:40:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

simplify scrollTop

Browse source
This commit is contained in:
Wes Bos 2020-01-27 15:36:45 -05:00
parent 80c7a41d21
commit 4c0cb690d3
1 changed files with 4 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/BackToTop.js
View file

@ -24,22 +24,14 @@ const BackToTopLink = styled.a`
} }
`; `;
function scrollTopMax() {
let ref;
// scrollTopMax is only on Firefox right now! https://caniuse.com/#search=scrolltopmax
return (ref = document.scrollingElement.scrollTopMax) != null
? ref
: document.scrollingElement.scrollHeight - document.documentElement.clientHeight
}
function useScrollPosition() { function useScrollPosition() {
const [percent, setPercent] = useState(0); const [percent, setPercent] = useState(0);
function handleScroll(event) { function handleScroll(event) {
console.log(document.documentElement.scrollTop); const scrollTop =
const howFar = document.scrollingElement.scrollHeight -
document.documentElement.scrollTop / document.documentElement.clientHeight;
scrollTopMax(); const howFar = document.documentElement.scrollTop / scrollTop;
setPercent(howFar); setPercent(howFar);
} }