在页面上滚动时URL更改

Question

我想在滚动页面时更改网站的网址。当我滚动页面时，页面的URL将在每个内容后自动更改。

Answer 1

这有两个部分：

1. 检测滚动和输入部分

   您可以使用scroll上的window事件进行比较，然后将scrollTop与您要比较的部分的位置进行比较。

2. 更改网址

   你有几个选择：

   1. 您可以通过分配到#xyz来设置哈希片段（URL的location.hash部分）。这样做会创建一个历史记录条目，所以我不推荐它。 （如果仅滚动页面会在我的浏览历史记录中添加一堆条目，我就不会是一个快乐的用户。）

   2. 您可以使用使用新哈希更新的当前网址location.replace(newUrl)，不会创建历史记录条目。

   3. 您可以将history.pushState与现有浏览器中所需的任何（合理）网址一起使用。再次，这将创建一个历史记录条目。

   4. 您可以将history.replaceState与现有浏览器中所需的任何（合理）网址一起使用，不会创建历史记录条目。

   有关history API on MDN。

   的详情