Gatsby平滑滚动锚链接在部署到github页面时不起作用

Question

我有一个盖茨比网站，它由几个页面组成。导航栏上有不同的链接。有些链接指向不同的页面，而有些链接会将您带到该页面上的特定部分，并具有平滑的滚动效果。

为了实现这一点，我使用了盖茨比平滑滚动锚链接。文档在这里：https://www.gatsbyjs.org/packages/gatsby-plugin-anchor-links/.

这基本上就是我想要实现的：

许多网站使用混合导航格式，其中一些链接路由到其他页面，而一些则平稳滚动到特定页面中的部分，但无论用户当前在哪个页面上，这两种类型都需要正常工作。

这是我的导航条代码片段：

<MDBNavItem className="mr-4">
<AnchorLink to="/#buy-now" 
title="Buy AIEOU">
<span>Buy AIEOU</span>
</AnchorLink>
</MDBNavItem>
<MDBNavItem className="mr-4">
<AnchorLink to="/about" title="Our team">
<span>About Us</span>
</AnchorLink>
</MDBNavItem>

奇怪的是，当我在本地使用它时，它完全可以正常工作。但当我将它部署到Github页面时，它就不再工作了。它不是平滑滚动，而是传送到那个部分。我添加了偏移选项和StripHash属性，但它仍然没有；不起作用。任何提示都将不胜感激。

Answer 1

假设你已经将所有东西都配置好了，并且你说它会传送到部分(行为是正确的，效果不是(，我想你需要添加以下CSS规则来添加平滑行为：

html,
body {
scroll-behavior: smooth;
}

我可以使用的浏览器的回退。