scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in refactor/LOY-495-hook-for-sidepeek-scrolling (pull request #3297)

Browse Source 
refactor(LOY-495): create useSidePeekScrollToTop hook

* refactor(LOY-495): create useSidePeekScrollToTop hook

* fix(LOY-495):  Read ref fresh each time


Approved-by: Emma Zettervall
This commit is contained in:
Chuma Mcphoy (We Ahead)
2025-12-05 13:51:10 +00:00
parent 001000a56d
commit 9d8399b7c7
3 changed files with 62 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/common/hooks/useScrollToTop.ts
View File

@@ -29,11 +29,12 @@ export function useScrollToTop({
const scrollTarget = refScrollable && targetElement ? targetElement : window
function handleScroll() {
const currentElement = element ?? elementRef?.current
let position = window.scrollY
if (targetElement) {
if (currentElement) {
position = refScrollable
? targetElement.scrollTop
: targetElement.getBoundingClientRect().top * -1
? currentElement.scrollTop
: currentElement.getBoundingClientRect().top * -1
}
setShowBackToTop(position > threshold)
}
@@ -47,8 +48,9 @@ export function useScrollToTop({
if (targetElement) {
if (refScrollable) {
targetElement.scrollTo({ top: 0, behavior: "smooth" })
} else {
window.scrollTo({ top: targetElement.offsetTop, behavior: "smooth" })
}
window.scrollTo({ top: targetElement.offsetTop, behavior: "smooth" })
} else {
window.scrollTo({ top: 0, behavior: "smooth" })
}