Reach-路由器导航()与锚链的偏移？

Question

有没有办法去做

navigate('/#about')

使用reach-router，但是偏移量是-16px吗？我还没能在那上面找到任何东西。

Answer 1

您可以将状态传递给链接，如下所示：

...

navigate(
    "/#about/",
    {
        state: { offset: "-16px" },
    }
)

...

然后从目标组件访问状态。您可以将其传递给该组件的任何部分。

点击此处了解更多信息：https://www.gatsbyjs.org/docs/gatsby-link/#add-state-to-programmatic-navigation

Answer 2

另一种解决方案可以是监听路由改变并在url包含锚的情况下调用scroll(0, -16);。参见https://developer.mozilla.org/en-US/docs/Web/API/Window/scroll。也许在调用navigate之后再调用scroll就足够了。