时间戳

首页 > 解决方案 > 在 gatsby 中滚动页面时更新浏览器中的 URL

reactjs - 在 gatsby 中滚动页面时更新浏览器中的 URL

问题描述

我正在尝试在 gatsby 网站上创建一个平滑的滚动页面。如果用户单击菜单中的链接，网站将滚动到同一页面上具有匹配 id 的部分。滚动本身没有任何问题。但我也希望，如果用户只是滚动页面 - 而不点击链接 - 浏览器中的 URL 应该使用部分 id 中使用的哈希值进行更新。例如 website.com/#section1、website.com/#section2 等。到目前为止，我尝试的所有插件都无法做到这一点：

在我看来，所有这些插件都承诺了这个功能，但它对我不起作用。也许盖茨比需要一些额外的配置来完成这项工作？

标签： reactjshashscrollanchorgatsby

解决方案

推荐阅读