Gatsby 平滑滾動錨鏈接在部署到 github 頁面時不起作用

Question

我有一個由幾頁組成的 Gatsby 網站。 在導航欄上，有不同的鏈接。 一些鏈接指向不同的頁面，而一些鏈接會將您帶到該頁面上的特定部分，並具有平滑的滾動效果。

為此，我使用了 Gatsby 平滑滾動錨鏈接。 文檔在這里： https://www.gatsbyjs.org/packages/gatsby-plugin-anchor-links/ 。

這基本上是我試圖實現的目標：

許多網站使用混合導航格式，其中一些鏈接路由到其他頁面，而一些鏈接將平滑滾動錨定到特定頁面中的部分 - 但無論用戶當前在哪個頁面上，這兩種類型仍然需要 function 很好。

這是我的導航欄代碼片段：

             <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;
}

Can I use中瀏覽器的后備方案。