滚动到锚点位置，同时考虑到固定的标题，当新导航到url时使用散列

Question

演示：https://6vk5zm231k.codesandbox.io/

我有一个基本的反应应用程序与固定的标题为100px，和一些链接，滚动到相应的锚部分。我使用的是'react-scroll‘，因为它有一个叫做'offest’的道具。

问题是在初始页面加载时，如果我在url (https://6vk5zm231k.codesandbox.io/#home，https://6vk5zm231k.codesandbox.io/#about等)中使用散列导航，我会到达没有偏移量的部分，以考虑菜单高度。点击菜单中的链接将会修复它，因为react-scroll完成了它的工作，但我不确定如何处理初始页面加载。

Answer 1

它有点脏，但您可以在触发componentDidMount()时强制滚动到所需的组件。以下是修复了滚动的项目的分支：https://codesandbox.io/s/1owj7yqm33