Web:Common: ScrollToTop component refactoring.
This commit is contained in:
parent
8829da29b0
commit
0cf5c0e39f
@ -1,14 +1,18 @@
|
||||
import { useEffect } from "react";
|
||||
import { useEffect, useRef } from "react";
|
||||
import { useLocation } from "react-router-dom";
|
||||
|
||||
export default function ScrollToTop() {
|
||||
const { pathname } = useLocation();
|
||||
const scrollRef = useRef();
|
||||
|
||||
useEffect(() => {
|
||||
const documentScrollElement = document.querySelector(
|
||||
scrollRef.current = document.querySelector(
|
||||
"#customScrollBar > .scroll-body"
|
||||
);
|
||||
documentScrollElement && documentScrollElement.scrollTo(0, 0);
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
scrollRef.current && scrollRef.current.scrollTo(0, 0);
|
||||
}, [pathname]);
|
||||
|
||||
return null;
|
||||
|
Loading…
Reference in New Issue
Block a user