如何使自定义网站无限滚动更改 URL？答案

【问题标题】：how to make custom website infinite scrolling change the URL?如何使自定义网站无限滚动更改 URL？
【发布时间】：2021-03-29 00:01:00
【问题描述】：

我计划创建一个新闻门户，我计划在其中创建一个帖子页面，如果用户不断滚动，下一个帖子会不断出现，并且 URL 会不断变化。一个典型的例子是 healthline.com 网站并且作为参考，以下 URL 可能是一个示例

【问题讨论】：

history.pushState(anything goes here, page_title, url)
这么多方法，npmjs.com/package/react-update-url-on-scroll，jsfiddle.net/gugahoi/2ZjWP/8，johnpolacek.github.io/scrollorama。这一切都归结为 pushState 操作或在视图中为元素或文章提供 ID 哈希。可以通过 Intersection Oberserver API 自己完成，也可以使用库，如上面提到的

【解决方案1】：

history.pushState 和 history.replaceState 可以做到该示例使用 history.replaceState。如果你在控制台重写replaceState func，你可以看到调用信息

【讨论】：