javascript - 重定向后如何将用户带到完全相同的位置？

Question

我的注册页面是可滚动的，在底部，用户将通过重定向到另一个页面并重定向回另一个页面来使用 Google 登录。

当用户重定向回页面时，它将加载页面顶部，而不是底部。我需要保留该页面的状态(因为用户可能会被重定向两次)

一种方法是在重定向功能发生时向下滚动。对于 Google，它是:

firebase.auth().getRedirectResult().then(function(result) {here !}

问题是，返回之前有 2-3 秒的延迟。

如何在页面加载时保持页面状态正确，我们返回到之前的位置？

Answer 1

将 URL 更改为 #element 以立即滚动

您可以在登录前更改当前 URL，让页面立即滚动到您想要的元素。

以下是更改 URL 的示例:

// "Title" is currently ignored
history.pushState({}, "Title", "/your-url#id");

MDN docs for travelling through history