在 NextJS 中 Link 路由更改之前滚动到页面顶部

Scroll to top of page before Link route change in NextJS

当我单击 link 进入新页面时，页面加载然后滚动到页面顶部。我想更改此行为，即在呈现路由更改之前滚动重置到页面顶部。如果您在主页上向下滚动然后使用导航栏导航到新页面而不向上滚动，您可以在 https://mitconsulting.group/ 看到行为，新页面呈现然后滚动到顶部。这弄乱了我的淡入滚动动画，通常看起来很糟糕。

如果您像我一样使用 react-bootstrap，则需要用 scroll-behavior: auto !important;

覆盖 scroll-behavior: smooth;