javascript - 到达路由器导航()带有 anchor 链接的偏移量?

标签 javascript reactjs gatsby anchor-scroll reach-router

有什么办法吗

navigate('/#about')

使用reach-router,但偏移量为-16px? 我没能找到任何相关内容。

最佳答案

您可以将状态传递给链接,如下所示:

...

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

...

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

在这里阅读更多相关信息:https://www.gatsbyjs.org/docs/gatsby-link/#add-state-to-programmatic-navigation

关于javascript - 到达路由器导航()带有 anchor 链接的偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61328331/

相关文章:

node.js - 带有 Node 模块/ react 的图像编辑器

javascript - 一些特殊字符保存为JSON格式时转换为 '_',PHP

javascript - 通过传递类别从 Wikidata api 填写自动完成

javascript - 日期输入的 min 属性的实时绑定(bind)

caching - 需要刷新以前访问过的 Gatsby 站点以查看更改

javascript - @reach/tabs - 如何在 MDX 页面上一次切换所有选项卡(React + Gatsby + MDX)

javascript - 将样式信息添加到 GraphQL 的结果中

javascript - 如果满足条件,使用 ng-if 显示某些内容

javascript - '...rest' 在此对象解构中代表什么?

javascript - "Uncaught TypeError: history.push is not a function"发生错误