如何解决当“history.back”点击浏览器后退按钮
主要成就： 从详细产品页面返回到类别/商店存档时加载以前的页面。
我做了什么：
我有一个 wordpress/WooCommerce 网站，我通过 AJAX 在商店/类别页面上实现了延迟加载。此外，一旦加载了下一页，应用程序就会使用 pushState() 方法更新浏览器的 URL。
案例研究：
假设您访问 example.com/shop，然后向下滚动。当您到达页脚时，下一页将通过 AJAX 延迟加载，并且浏览器的 URL 更新为 example.com/shop/page/2。进入第二页后，单击产品 (example.com/product/lorem-ipsum)，阅读详细信息并查看图片。然后您决定通过单击浏览器的后退按钮返回。在这种情况下，现在您返回到页面 example.com/shop/page/2，但问题是第一页没有加载到第二页的顶部，因此只显示第二页的产品。进入第二页后，我可以自动加载当前页面上方的前一页/多页吗？
真实例子： 如果您访问 Nike website，您将在我的网站上看到我想要实现的目标。请向下滚动加载多个页面。完成后，单击产品并单击浏览器的后退按钮返回。再次加载页面后，您将出现在访问详细信息页面之前的确切位置，并且您将看到先前页面是如何加载到具有焦点的产品顶部的（只是您单击的那个） .
我尝试过的：
我在互联网上搜索过，但没有找到任何东西。也许我不知道要搜索什么。我读到当您单击后退/前进按钮时会触发窗口 popstate 事件。我曾尝试使用此事件运行一些测试，但失败了。我迷路了:(
你能帮我吗？提前致谢。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
