滚动浏览带有哈希值的网址时，请滚动至锚定位置，同时考虑固定标题

Question

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

我有一个基本的react应用，其标题固定为100px，很少有链接滚动到相应的锚点部分。我正在使用“反应卷轴”，它具有预期的功能，因为它有一个名为“ offest”的道具。

问题出在初始页面加载上，如果我在URL中使用哈希（https://6vk5zm231k.codesandbox.io/#home，https://6vk5zm231k.codesandbox.io/#about等）进行导航，则我到达的部分没有偏移量，因此需要考虑菜单高度。单击菜单中的链接将解决此问题，因为react-scroll可以完成其工作，但我不确定如何处理初始页面加载。

Answer 1

这有点脏，但是当componentDidMount（）触发时，您可以强制滚动到所需的组件。这是固定滚动的项目的分支：https://codesandbox.io/s/1owj7yqm33