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

Question

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

我有一个基本的React应用，其固定标头为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