diff options
author | crupest <crupest@outlook.com> | 2021-05-08 09:56:03 +0800 |
---|---|---|
committer | crupest <crupest@outlook.com> | 2021-05-08 09:56:03 +0800 |
commit | 180073b86867ad4eae06dec5671d8c64a9c76378 (patch) | |
tree | 79113a563ab9c996b6a9feaa1f6e0da7b8d21470 /FrontEnd/src/app/utilities | |
parent | 39eecd9ccf340b50aeb6c22ee5ae5b40e6fb65dd (diff) | |
download | timeline-180073b86867ad4eae06dec5671d8c64a9c76378.tar.gz timeline-180073b86867ad4eae06dec5671d8c64a9c76378.tar.bz2 timeline-180073b86867ad4eae06dec5671d8c64a9c76378.zip |
fix: Try to fix scroll to top problem.
Diffstat (limited to 'FrontEnd/src/app/utilities')
-rw-r--r-- | FrontEnd/src/app/utilities/useReverseScrollPositionRemember.ts | 23 |
1 files changed, 9 insertions, 14 deletions
diff --git a/FrontEnd/src/app/utilities/useReverseScrollPositionRemember.ts b/FrontEnd/src/app/utilities/useReverseScrollPositionRemember.ts index 742751eb..42894c20 100644 --- a/FrontEnd/src/app/utilities/useReverseScrollPositionRemember.ts +++ b/FrontEnd/src/app/utilities/useReverseScrollPositionRemember.ts @@ -1,9 +1,8 @@ import React from "react"; let on = false; -let recordDisabled = false; -function getScrollPosition(): number { +export function getReverseScrollPosition(): number { if (document.documentElement.scrollHeight <= window.innerHeight) { return 0; } else { @@ -15,28 +14,24 @@ function getScrollPosition(): number { } } -let scrollPosition = getScrollPosition(); - -function scrollToRecordPosition(): void { +export function scrollToReverseScrollPosition(reversePosition: number): void { if (document.documentElement.scrollHeight <= window.innerHeight) return; document.documentElement.scrollTop = - document.documentElement.scrollHeight - window.innerHeight - scrollPosition; + document.documentElement.scrollHeight - + window.innerHeight - + reversePosition; } +let scrollPosition = getReverseScrollPosition(); + const scrollListener = (): void => { - if (recordDisabled) return; - scrollPosition = getScrollPosition(); + scrollPosition = getReverseScrollPosition(); }; const resizeObserver = new ResizeObserver(() => { - scrollToRecordPosition(); + scrollToReverseScrollPosition(scrollPosition); }); -export function setRecordDisabled(disabled: boolean): void { - recordDisabled = disabled; - if (!disabled) scrollToRecordPosition(); -} - export default function useReverseScrollPositionRemember(): void { React.useEffect(() => { if (on) return; |