如何使自定义网站无限滚动更改 URL？
Posted
技术标签:
【中文标题】如何使自定义网站无限滚动更改 URL？【英文标题】：how to make custom website infinite scrolling change the URL? 【发布时间】：2021-03-29 00:01:00 【问题描述】：我计划创建一个新闻门户，我计划在其中创建一个帖子页面，如果用户不断滚动，下一个帖子会不断出现，并且 URL 会不断变化。一个典型的例子是 healthline.com 网站 并且作为参考，以下 URL 可能是一个示例
https://www.healthline.com/nutrition/an-apple-a-day-keeps-the-doctor-away
【问题讨论】：
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，你可以看到调用信息
【讨论】：
以上是关于如何使自定义网站无限滚动更改 URL？的主要内容，如果未能解决你的问题，请参考以下文章