Gatsby: [using-page-transitions] 页面在过渡到新页面之前滚动到顶部

创建于 2017-10-29  ·  3评论  ·  资料来源: gatsbyjs/gatsby

真的很喜欢这个新例子。

再现

  1. 创建一个包含足够内容的页面，使其比视口高，并在底部添加一个“本地”链接。
  2. 滚动到然后单击所述链接。

预期结果

我认为流程应该是：

  1. 淡出
  2. 滚动到顶部
  3. 淡入

之前肯定已经解决了，只是还没有亲自挖掘或环顾四周。

实际结果

  1. 滚动到顶部
  2. 淡出
  3. 淡入

cc @stevensurgnier （希望是犹太洁食）

picture dustinhorton
👍1

最有用的评论

我有一个工作原型，它使用history的getUserConfirmation选项来启动退出动画并延迟历史推送。 让我再测试一下，我会尽快整理出 PR。

picture stevensurgnier 于 2017-10-31
👍4

所有3条评论

嗯，问题是，是的，当页面转换开始时滚动会立即发生。

其他人是如何处理这个问题的？

KyleAMathews picture KyleAMathews 于 2017-10-29

和我一起完全洁食

stevensurgnier picture stevensurgnier 于 2017-10-30

我有一个工作原型，它使用history的getUserConfirmation选项来启动退出动画并延迟历史推送。 让我再测试一下，我会尽快整理出 PR。

stevensurgnier picture stevensurgnier 于 2017-10-31
👍4
此页面是否有帮助？
0 / 5 - 0 等级

相关问题

rossPatton picture rossPatton  ·  3评论
timbrandin picture timbrandin  ·  3评论
jimfilippou picture jimfilippou  ·  3评论
totsteps picture totsteps  ·  3评论
brandonmp picture brandonmp  ·  3评论