Gatsby 《盖茨比协定》中的延迟路线变更

有没有办法推迟盖茨比的改道？我会用它淡出一页，然后再淡入新页。我使用盖茨比浏览器api来实现这一点。在新页面中淡入效果很好，但在旧页面中淡出效果不好。

不知道您尝试了什么以及如何实现淡入效果。我建议另一种方法，这是我一直用来创建页面转换（包括淡入、淡出和其他）的方法：使用

它允许您创建自定义动画或使用一些默认或预定义的动画，您可以查看其演示站点，其中有一些过渡示例

对于预定义的转换（最简单的方法），您只需导入de组件并按如下方式使用：

import AniLink from "gatsby-plugin-transition-link/AniLink"

<AniLink paintDrip to="page-2">
  Go to Page 2
</AniLink>

有关更多信息，请查看他们的网站

---

此外，有很多插件，但它们的集成通常最脏、更复杂，反馈也较少（就全球下载而言）。

根本不知道您尝试了什么，以及您是如何实现淡入效果的。我建议另一种方法，这是我一直用来创建页面转换（包括淡入、淡出和其他）的方法：使用

它允许您创建自定义动画或使用一些默认或预定义的动画，您可以查看其演示站点，其中有一些过渡示例

对于预定义的转换（最简单的方法），您只需导入de组件并按如下方式使用：

import AniLink from "gatsby-plugin-transition-link/AniLink"

<AniLink paintDrip to="page-2">
  Go to Page 2
</AniLink>

有关更多信息，请查看他们的网站

---

此外，有一系列的插件，但它们通常有一个最脏、更复杂的集成，反馈也较少（就全球下载而言）。

感谢Ferran的回复。我以前使用过盖茨比插件转换链接，但对于一个简单的页面转换来说，这似乎需要很多努力。因此，我开始构建一个没有插件的简单转换。结果可以在这里看到：如果我可以延迟路由更改，以便正确执行淡出，这可以得到改进。感谢Ferran的回复。我以前使用过盖茨比插件转换链接，但对于一个简单的页面转换来说，这似乎需要很多努力。因此，我开始构建一个没有插件的简单转换。结果可以在这里看到：如果我可以延迟路由更改，以便正确执行淡出，这可以得到改进。