17 lines
420 B
TypeScript
17 lines
420 B
TypeScript
import { useEffect } from 'react';
|
|
import { useLocation } from 'react-router';
|
|
|
|
/**
|
|
* SPA 路由切换后把滚动位置复位到顶部。
|
|
* 只在 pathname 变化时触发，避免干扰弹窗/抽屉等局部滚动。
|
|
*/
|
|
export const ScrollToTop: React.FC = () => {
|
|
const { pathname } = useLocation();
|
|
useEffect(() => {
|
|
window.scrollTo(0, 0);
|
|
}, [pathname]);
|
|
return null;
|
|
};
|
|
|
|
export default ScrollToTop;
|