从一页转移到另一页时修复高度偏移

Question

我已经准备好这个 demo，它使用 react-spring 从一页过渡到另一页，并且有这个高度偏移。当您在 第 1 页 上向下滚动并单击某个项目时，第 2 页 加载过高。这个问题在webdev中是怎么调用的？我找不到任何关于它的帖子。

Answer 1

您可以在每次页面更改时滚动到顶部。您所要做的就是调用它：

window.scrollTo(0, 0);

更新：

当一页已经消失而另一页尚未呈现时，您可以在页面转换之间以某种方式调用它。

或者您可以在最后使用平滑滚动调用它，例如使用 React spring。像这样的东西，我还没有尝试过。（它来自 react-spring 例子）

const props = useSpring({ scroll: 0, from: { scroll: actualPosition } })
return <animated.div scrollTop={props.scroll} />

Fix height offset when transferring from one page to another